@font-face {
    font-family: iconfont;
    src: url(../fonts/iconfont.eot);
    src: url(../fonts/iconfont.eot?#iefix) format('embedded-opentype'), url(../fonts/iconfont.woff2) format('woff2'), url(../fonts/iconfont.woff) format('woff'), url(../fonts/iconfont.ttf) format('truetype'), url(../fonts/iconfont.svg#iconfont) format('svg')
}

.iconfont {
    font-family: iconfont !important;
    font-size: 1rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

a, button, h1, h2, h3, h4, h5, html, input, li, option, p, span {
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif
}

a {
    cursor: pointer
}

img {
    display: block
}

img:not([src]), img[src=""] {
    opacity: 0
}

input[aria-describedby=searchBTN]:focus::-webkit-input-placeholder {
    opacity: .1
}

input[aria-describedby=searchBTN]:focus::-moz-placeholder {
    opacity: .1
}

input[aria-describedby=buttonSearch]:focus::-webkit-input-placeholder {
    opacity: .1
}

input[aria-describedby=buttonSearch]:focus::-moz-placeholder {
    opacity: .1
}

input[aria-label=Search]:focus::-webkit-input-placeholder {
    opacity: .1
}

input[aria-label=Search]:focus::-moz-placeholder {
    opacity: .1
}

.cursor-pointer {
    cursor: pointer !important
}

.pointer-none {
    pointer-events: none
}

.user-avatar {
    width: 100%;
    height: 100%
}

.px-6 {
    padding-left: 5rem !important;
    padding-right: 5rem !important
}

.py-6 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important
}

.form-control:focus {
    box-shadow: none
}

.in-error {
    border-color: #dc3545 !important
}

/*.subsitute-bg {*/
/*    background-image: url(../images/substitute-bg.jpg);*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/
/*    background-size: cover*/
/*}*/

/*.subsitute-bg img {*/
/*    background-color: #fff*/
/*}*/

button .spinner-border {
    line-height: 1;
    position: relative;
    top: -1px;
    vertical-align: middle
}

.height-100 {
    height: 100%
}

.width-100 {
    width: 100% !important
}

.dropdown.open .dropdown-menu {
    display: block
}

.page-list button {
    margin: 0 .25rem
}

.page-list .btn-primary {
    color: #fff
}

.width-out {
    max-width: 1200px;
    margin: 0 auto
}

.popover {
    z-index: 9
}

.text-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block
}

.text-ellipsis-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.text-ellipsis-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.nav-body footer {
    background-color: #f8f9fa !important
}

.img-txt {
    position: absolute;
    height: 44%;
    top: 28%;
    color: #6c757d;
    padding: 0 .5rem 0 1rem;
    overflow: hidden;
    margin-bottom: 0;
    font-size: .75rem;
    text-align: center;
    width: 100%
}

.empty-btn {
    border: 1px solid #2b99ff;
    border-radius: 3px;
    color: #2b99ff;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    text-align: center
}

.empty-btn:hover {
    border: 1px solid #0fbd8c;
    color: #0fbd8c
}

.full-btn {
    border: 1px solid #2b99ff;
    background-color: #2b99ff;
    color: #fff;
    border-radius: 3px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    text-align: center
}

.full-btn:hover {
    background-color: #0fbd8c;
    border: 1px solid #0fbd8c
}

.width-auto {
    width: auto !important
}

.rotate-180 {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.error-message, .success-message {
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    padding: 10px 15px;
    opacity: 0;
    transition: all .2s ease;
    margin-bottom: 25px
}

.error-message i, .error-message span, .success-message i, .success-message span {
    font-size: 14px;
    color: #2b99ff;
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.error-message i, .error-message span {
    color: red
}

.error-message i, .success-message i {
    font-size: 18px
}

.error-message span, .success-message span {
    margin-left: 10px
}

.error-message.active, .success-message.active {
    opacity: 1
}

#messageAlert {
    position: fixed;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 99999
}

.with-midline:before {
    content: '';
    height: 1px;
    width: 100%;
    background-color: #ccc;
    position: absolute;
    top: 50%;
    left: 0
}

.empty-btn[disabled=disabled] {
    opacity: .8;
    border-color: #ccc;
    color: #ccc
}

.full-btn[disabled=disabled] {
    opacity: .8;
    border-color: #ccc;
    background-color: #ccc
}

.btn-loading {
    position: relative
}

.body-loading:before, .box-loading:before, .btn-loading:before {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    padding: 5px 0;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\27F3';
    position: absolute;
    font-size: 20px;
    color: #999;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
    z-index: 9;
    animation: loading 1s infinite linear;
    -webkit-animation: loading 1s infinite linear;
    -moz-animation: loading 1s infinite linear;
    -ms-animation: loading 1s infinite linear
}

.btn.searchActive {
    background-color: #2b99ff;
    border-color: #2b99ff;
    color: #fff
}

.btn.searchActive:hover {
    color: #fff;
    background-color: #007bff !important;
    border-color: #007bff !important
}

.body-loading, .box-loading {
    position: absolute;
    z-index: 9999999999999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.body-loading {
    position: fixed
}

.body-loading:before, .box-loading:before {
    font-size: 30px;
    padding: 0;
    margin-top: -35px
}

.body-loading p, .box-loading p {
    font-size: 14px;
    color: #999;
    text-align: center;
    position: relative;
    top: 50%
}

.body-loading:after, .box-loading:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .05);
    left: 0;
    top: 0;
    z-index: 1
}

.loading-icon {
    animation: loading 1s infinite linear;
    -webkit-animation: loading 1s infinite linear;
    -moz-animation: loading 1s infinite linear;
    -ms-animation: loading 1s infinite linear;
    font-size: inherit;
    display: block;
    color: #2b99ff
}

@keyframes loading {
    from {
        transform: rotate(0);
        -wekbit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0)
    }
    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg)
    }
}

@-webkit-keyframes loading {
    from {
        transform: rotate(0);
        -wekbit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0)
    }
    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg)
    }
}

@-moz-keyframes loading {
    from {
        transform: rotate(0);
        -wekbit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0)
    }
    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg)
    }
}

@-ms-keyframes loading {
    from {
        transform: rotate(0);
        -wekbit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0)
    }
    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg)
    }
}

.font-16 {
    font-size: 1rem
}

.font-18 {
    font-size: 1.125rem
}

.font-20 {
    font-size: 1.25rem
}

.font-14 {
    font-size: .875rem
}

.font-24 {
    font-size: 1.5rem
}

.font-12 {
    font-size: .75rem
}

.text-warning {
    color: #f68a0b !important
}

.text-primary {
    color: #2b99ff !important
}

.text-black-d {
    color: #dee2e6 !important
}

.btn-light-primary {
    border-color: #f0f7fa;
    background-color: #f0f7fa;
    color: #2b99ff !important
}

.btn-light-primary:hover {
    border-color: #2b99ff
}

.btn-outline-primary {
    border-color: #2b99ff;
    color: #2b99ff
}

.btn-outline-primary:hover {
    border-color: #2b99ff;
    background-color: #2b99ff
}

.text-dark {
    color: #3f3f3f !important
}

.btn-primary {
    background-color: #2b99ff;
    border-color: #2b99ff
}

.badge-drop-danger {
    background-color: #fde9e9;
    color: #f60b0b
}

.badge-drop-danger2 {
    background-color: #d90e0e;
    color: #fff;
    position: absolute;
    border-radius: 20px;
    top: 0;
    left: 80%
}

.badge-drop-danger2:after, .badge-drop-danger:after {
    content: '';
    position: absolute;
    background-color: #fde9e9;
    width: 14px;
    height: 10px;
    left: -2px;
    bottom: -1px;
    transform: rotateZ(62deg) skew(20deg, 20deg);
    z-index: 0
}

.badge-drop-danger2:after {
    background-color: #d90e0e
}

.badge-drop-danger2 span {
    color: #fff !important
}

.badge-drop-primary {
    background-color: #2b99ff;
    color: #fff
}

.badge-drop-primary:after {
    content: '';
    position: absolute;
    background-color: #2b99ff;
    width: 14px;
    height: 10px;
    left: -2px;
    bottom: -1px;
    transform: rotateZ(62deg) skew(20deg, 20deg);
    z-index: 0
}

.badge span {
    position: relative;
    z-index: 2;
    font-size: .75rem
}

.position-right {
    right: 0 !important;
    left: auto !important
}

.position-left {
    left: 0 !important;
    right: auto !important
}

.left-border-3 {
    position: relative
}

.left-border-3:before {
    content: '';
    position: absolute;
    left: -1.5rem;
    top: 50%;
    margin-top: -10px;
    background-color: #2b99ff;
    width: 3px;
    height: 20px
}

.bg-primary-d {
    background-color: #0062cc;
    border-color: #0062cc
}

.office-icon {
    position: relative;
    padding-left: 1.625rem
}

.office-icon:before {
    width: 1rem;
    height: 1rem;
    left: 0;
    top: 50%;
    margin-top: -.5rem;
    position: absolute;
    content: '';
    background-image: url(../images/other-small.png);
    background-repeat: no-repeat;
    background-size: contain
}

.office-icon-img, .position-center-img {
    position: relative
}

.position-center-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 2
}

.position-center-60 img {
    width: 60% !important
}

.position-center-img:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(../images/substitute-bg-w.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    left: 0;
    top: 0
}

.office-icon-img:before {
    width: 1rem;
    height: 1rem;
    left: .5rem;
    top: .5rem;
    position: absolute;
    content: '';
    background-image: url(../images/other-small.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 3
}

.office-icon-doc:before, .office-icon-docm:before, .office-icon-docx:before, .office-icon-dot:before, .office-icon-dotm:before, .office-icon-dotx:before, .office-icon-word:before, .office-icon-wps:before, .office-icon-wpt:before {
    background-image: url(../images/word-small.png)
}

.office-icon-dps:before, .office-icon-dpt:before, .office-icon-pot:before, .office-icon-potm:before, .office-icon-potx:before, .office-icon-pps:before, .office-icon-ppsm:before, .office-icon-ppsx:before, .office-icon-ppt:before, .office-icon-pptm:before, .office-icon-pptx:before {
    background-image: url(../images/ppt-small.png)
}

.office-icon-et:before, .office-icon-ett:before, .office-icon-excel:before, .office-icon-xls:before, .office-icon-xlsm:before, .office-icon-xlsx:before, .office-icon-xlt:before {
    background-image: url(../images/excel-small.png)
}

.office-icon-audio:before, .office-icon-mp3:before, .office-icon-wav:before, .office-icon-wma:before {
    background-image: url(../images/audio-small.png)
}

.office-icon-3gp:before, .office-icon-avi:before, .office-icon-flv:before, .office-icon-mkv:before, .office-icon-mov:before, .office-icon-mp4:before, .office-icon-rm:before, .office-icon-rmvb:before, .office-icon-video:before {
    background-image: url(../images/video-small.png)
}

.office-icon-ai:before, .office-icon-bmp:before, .office-icon-cdr:before, .office-icon-eps:before, .office-icon-gif:before, .office-icon-jpeg:before, .office-icon-jpg:before, .office-icon-pcx:before, .office-icon-picture:before, .office-icon-png:before, .office-icon-psd:before, .office-icon-svg:before, .office-icon-tif:before, .office-icon-ttf:before, .office-icon-webp:before {
    background-image: url(../images/picture-small.png)
}

.office-icon-htm:before, .office-icon-html:before, .office-icon-htmlx:before, .office-icon-url:before {
    background-image: url(../images/html-small.png)
}

.office-icon-pdf:before {
    background-image: url(../images/pdf-small.png)
}

.office-icon-zip:before {
    background-image: url(../images/zip-small.png)
}

.office-icon-rar:before {
    background-image: url(../images/rar-small.png)
}

.office-icon-txt:before {
    background-image: url(../images/txt-small.png)
}

.office-pic {
    width: 75px;
    height: 90px;
    background-image: url(../images/other-large.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.office-pic-60 {
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center
}

.office-pic-60:after {
    display: none !important
}

.office-pic-doc, .office-pic-docm, .office-pic-docx, .office-pic-dot, .office-pic-dotm, .office-pic-dotx, .office-pic-word, .office-pic-wps, .office-pic-wpt {
    background-image: url(../images/word-large.png)
}

.office-pic-et, .office-pic-ett, .office-pic-excel, .office-pic-xls, .office-pic-xlsm, .office-pic-xlsx, .office-pic-xlt {
    background-image: url(../images/excel-large.png)
}

.office-pic-dps, .office-pic-dpt, .office-pic-pot, .office-pic-potm, .office-pic-potx, .office-pic-pps, .office-pic-ppsm, .office-pic-ppsx, .office-pic-ppt, .office-pic-pptm, .office-pic-pptx {
    background-image: url(../images/ppt-large.png)
}

.office-pic-audio, .office-pic-mp3, .office-pic-wav, .office-pic-wma {
    background-image: url(../images/audio-large.png)
}

.office-pic-3gp, .office-pic-avi, .office-pic-flv, .office-pic-mkv, .office-pic-mov, .office-pic-mp4, .office-pic-rm, .office-pic-rmvb, .office-pic-video {
    background-image: url(../images/video-large.png)
}

.office-pic-ai, .office-pic-bmp, .office-pic-cdr, .office-pic-eps, .office-pic-gif, .office-pic-jpeg, .office-pic-jpg, .office-pic-pcx, .office-pic-picture, .office-pic-png, .office-pic-psd, .office-pic-svg, .office-pic-tif, .office-pic-ttf, .office-pic-webp {
    background-image: url(../images/picture-large.png)
}

.office-pic-htm, .office-pic-html, .office-pic-url .office-pic-htmlx {
    background-image: url(../images/html-large.png)
}

.office-pic-pdf {
    background-image: url(../images/pdf-large.png)
}

.office-pic-zip {
    background-image: url(../images/zip-large.png)
}

.office-pic-rar {
    background-image: url(../images/rar-large.png)
}

.office-pic-text, .office-pic-txt {
    background-image: url(../images/txt-large.png)
}

.gg-gap {
    width: 100%;
    margin-top: 1rem;
    position: relative;
    overflow: hidden
}

.gg-gap img {
    width: 100%
}

.custom-tab a {
    color: #343a40
}

.custom-tab .active {
    position: relative;
    color: #2b99ff
}

.custom-tab .active:after {
    content: '';
    position: absolute;
    height: 2px;
    background-color: #2b99ff;
    width: 100%;
    bottom: -1px;
    left: 0
}

.mx-75 {
    margin-left: .75em !important;
    margin-right: .75em !important
}

.dropdown-menu {
    margin: 0
}

.article-collection {
    color: #6c757d
}

.box-bs-loading {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, .5);
    z-index: 99999999999
}

.box-bs-loading h5 {
    font-size: 1rem;
    text-align: center;
    color: #2b99ff;
    position: absolute;
    top: 50%;
    margin-top: 3.5rem;
    width: 100%;
    font-weight: 700
}

.bs-box-loading:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    text-outline: 0;
    background-color: rgba(255, 255, 255, .5)
}

.action-progress {
    position: relative
}

.action-progress:after {
    content: '';
    position: absolute;
    height: 2px;
    background-color: #ddd;
    left: 0;
    bottom: -.5rem;
    width: 100%;
    z-index: 1
}

.breadcrumb {
    font-size: 12px
}

.breadcrumb-item + .breadcrumb-item::before {
    position: relative;
    top: -1.5px
}

.action-progress p {
    position: relative;
    display: block;
    margin: 0;
    text-align: left !important;
    padding: 0
}

.action-progress p:last-child {
    text-align: right !important
}

.action-progress p:before {
    content: '';
    width: .5rem;
    height: .5rem;
    background-color: #ddd;
    border-radius: 50%;
    left: 0;
    bottom: -.68rem;
    position: absolute;
    z-index: 3
}

.action-progress p:after {
    content: '';
    width: 200%;
    height: 2px;
    right: 100%;
    bottom: -.5rem;
    position: absolute;
    z-index: 2
}

.action-progress p:first-child:after {
    display: none
}

.action-progress p:last-child:before {
    left: auto;
    right: 0
}

.action-progress p.active {
    color: #2b99ff
}

.action-progress p.active:after, .action-progress p.active:before {
    background-color: #2b99ff
}

.action-progress p.active:last-child:after {
    width: 200%;
    right: 0
}

.alipay-icon, .wechat-icon {
    position: relative
}

.alipay-icon:after, .wechat-icon:after {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    background-image: url(../images/wechat-icon.png);
    background-size: cover;
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.alipay-icon:after {
    background-image: url(https://picsum.photos/id/937/50/50)
}

.alipay-icon .spinner-border, .wechat-icon .spinner-border {
    z-index: 3
}

.article-collection[data-collection=true] {
    color: #f68a0b
}

.article-collection[data-collection=true]:hover {
    color: #dc7700
}

.topic-collection[data-collection=true] {
    color: #f68a0b
}

.topic-collection[data-collection=true]:hover {
    color: #dc7700
}

.text-indent-2 {
    text-indent: 1.75rem
}

.file-drop-zone-title {
    padding-top: 66.5px;
    padding-bottom: 66.5px
}

.file-preview .fileinput-remove {
    top: 10px;
    right: 10px
}

.spinner-border-lg {
    width: 1.5rem;
    height: 1.5rem;
    margin: .3rem 0
}

.fixedNav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: rgba(255, 255, 255, .95);
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    opacity: 0;
    transition: all .5s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease
}

.opacity-1 {
    opacity: 1 !important
}

.userMessage .badge {
    position: absolute !important;
    top: -.3rem !important;
    left: 50% !important;
    right: auto !important;
    font-size: .625rem
}

.modal-backdrop.show {
    opacity: .5
}

.rotate-throw {
    position: relative;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    vertical-align: middle
}

.rotate-throw:after, .rotate-throw:before {
    height: 1px;
    width: 59%;
    content: '';
    transition: all .3s cubic-bezier(0.68, -.3, .27, 1.3);
    -webkit-transition: all .3s cubic-bezier(0.68, -.3, .27, 1.3);
    -moz-transition: all .3s cubic-bezier(0.68, -.3, .27, 1.3);
    -ms-transition: all .3s cubic-bezier(0.68, -.3, .27, 1.3);
    -o-transition: all .3s cubic-bezier(0.68, -.3, .27, 1.3);
    background-color: #6c757d;
    position: absolute;
    top: 50%;
    margin: -.5px 0 0 0;
    padding: 0
}

.rotate-throw:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    left: 0
}

.rotate-throw:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    right: 0
}

.collapsed .rotate-throw:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

.collapsed .rotate-throw:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg)
}

.top-0 {
    top: 0 !important
}

.breadcrumb a {
    color: #6c757d
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
    flex-shrink: 1;
    -ms-flex-negative: 1
}

.flex-1 {
    flex: 1
}

[data-loading=true] {
    position: relative
}

[data-loading=true]:after {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -1rem;
    margin-left: -1rem;
    content: '';
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
    color: #007bff
}

.column-book-back, .columnHistorySelect {
    display: flex;
    display: -ms-flexbox
}

.column-book-back {
    padding: .5rem .5rem 0
}

.column-mutiple-item {
    width: calc(50% - .5rem);
    float: left;
    height: 445px;
    background-color: #fff;
    border-radius: .25rem;
    margin-bottom: 1rem
}

.column-mutiple-item:nth-child(2n) {
    float: right
}

.column-book-back .alert, .columnHistorySelect .alert {
    padding: .25rem .5rem;
    margin-right: .5rem;
    font-size: .875rem;
    margin-bottom: .5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block
}

.column-book-back .alert {
    padding: 0 .5rem
}

.column-book-back .alert-dismissible, .columnHistorySelect .alert-dismissible {
    padding-right: 1.5rem
}

.column-book-back .alert-dismissible .close, .columnHistorySelect .alert-dismissible .close {
    padding: .5rem;
    font-size: 0
}

.column-book-back .alert-dismissible .close {
    font-size: inherit;
    padding: .25rem .5rem
}

.top-nav .navbar .navbar-nav .nav-link, .top-nav .navbar .navbar-text {
    padding-top: .2rem;
    padding-bottom: .2rem
}

.top-nav .dropdown-img {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: .3rem
}

.top-nav .dropdown-img img {
    width: 100%;
    height: 100%
}

.top-nav .navbar-text {
    font-size: .875rem
}

.top-nav a {
    font-size: .875rem;
    display: block
}

.top-nav .navbar {
    justify-content: space-between;
    -ms-flex-pack: justify;
    padding: 0
}

.top-nav .navbar-collapse {
    flex-grow: 0;
    -ms-flex-positive: 0
}

.top-nav .history-list, .top-nav .nav-list {
    font-size: .875rem;
    width: 300px
}

.history-list .empty-box[data-empty=true] i {
    font-size: 3rem
}

.top-nav .nav-list {
    left: auto;
    right: 0
}

.top-nav .history-list ul {
    list-style: none;
    margin: 0;
    padding: .5rem 1rem;
    min-height: 100px;
    max-height: 170px;
    overflow: auto
}

.top-nav .history-list ul li {
    margin-bottom: .5rem
}

.empty-box, .empty-box-2 {
    position: relative
}

.empty-box .empty-box-i {
    font-family: iconfont !important;
    font-size: 3rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: #ccc;
    text-align: center;
    max-width: 300px;
    line-height: 1
}

.empty-box-2 .empty-box-img {
    height: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center
}

.empty-box-2 .empty-box-img img {
    height: 100%;
    width: auto
}

.empty-box-2[data-empty=true] .empty-box-img, .empty-box[data-empty=true] .empty-box-i {
    display: block
}

.empty-box-2[data-empty=false] .empty-box-img, .empty-box[data-empty=false] .empty-box-i {
    display: none
}

.empty-box .empty-box-i p, .empty-box-2 .empty-box-img p {
    margin-bottom: 0;
    font-size: .875rem;
    display: block;
    font-weight: 400
}

.empty-box-2 .empty-box-img p {
    margin-top: 1rem
}

.toast-area {
    position: fixed;
    top: 3rem;
    left: 50%;
    z-index: 99999;
    width: 350px;
    margin-left: -175px
}

.toast-area .toast {
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.toast-header strong.mr-auto {
    display: block
}

.toast-custom .mr-auto {
    display: none !important
}

.toast-custom .toast-header {
    height: 3px;
    padding: 0
}

.toast-custom button.close {
    position: absolute;
    top: 12px;
    right: 10px;
    color: #999 !important
}

.toast-custom-success {
    background-color: #f3fff6;
    color: #28a745;
    padding-right: 2.4rem;
    padding-left: 2.5rem
}

.toast-custom-error {
    background-color: #fff4f5;
    color: #dc3545;
    padding-right: 2.4rem;
    padding-left: 2.5rem
}

.toast-custom-warning {
    background-color: #fff9e6;
    color: #e0a800;
    padding-right: 2.4rem;
    padding-left: 2.5rem
}

.toast-custom-error i, .toast-custom-success i, .toast-custom-warning i {
    position: absolute;
    font-size: .625rem;
    left: 10px;
    top: 17px;
    color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    text-align: center;
    line-height: 19px;
    background-color: #dc3545
}

.toast-custom-success i {
    background-color: #28a745
}

.toast-custom-warning i {
    background-color: transparent;
    color: #e0a800;
    font-size: 1rem
}

.login-show {
    display: none
}

.btn-features-box {
    position: relative
}

.btn-features-box span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: .75rem;
    color: #6c757d
}

.bg-white-50 {
    background-color: rgba(255, 255, 255, .5)
}

.viewNoCollection .view-modal-features > div:nth-child(2), .viewNoDownload .view-modal-features > div:last-child, .viewNoMore .view-modal-features > div:first-child {
    display: none !important
}

.animation-custom {
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.animation-t {
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    opacity: 0
}

.animation-r {
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    opacity: 0
}

.animation-l {
    transform: translateX(100px);
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    opacity: 0
}

.animation-b {
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    opacity: 0
}

.header-top {
    background-color: #fff;
    min-height: 56px;
    margin-bottom: 10px;
}

.header-top .input-group {
    max-width: 450px
}

.header-top .badge {
    position: relative;
    display: inline-block;
    border-radius: 50px;
    top: -1.5rem
}

.header-top .logo, .header-top .logo img {
    width: 190px
}

.header-top a {
    cursor: pointer
}

.header-top .avatar {
    width: 38px;
    height: 38px;
    margin-right: 1rem;
    border-radius: 19px;
    overflow: hidden
}

.header-top img {
    width: 100%
}

.header-top .nav-img {
    width: 200px;
    height: 40px;
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem;
    overflow: hidden;
    padding: 0
}

.header-top .nav a {
    color: #212529;
    position: relative
}

.header-top .main-nav a:hover {
    color: #007aff
}

.header-top .nav .badge {
    position: absolute;
    top: -4px;
    left: calc(100% - 1rem)
}

.header-top .nav .dropdown-more:after {
    display: none
}

.header-top .nav-img img {
    width: 200px
}

.nav-sidebar {
    position: relative;
    padding: 0;
    height: 424px
}

.nav-sidebar.test-high {
    height: 440px
}

.nav-sidebar.test-high ul li a span {
    display: inline
}

.nav-sidebar .tab-content {
    width: 100%;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
    position: absolute;
    left: 0;
    top: -1rem;
    height: 440px;
    background-color: #F7FBFF;
    border: 1px solid #2b99ff;
    border-top: none
}

.nav-sidebar .tab-content.paper-tab-content {
    position: relative;
    top: 0
}

.paper-jpsj {
    min-height: 500px
}

.nav-sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.nav-sidebar .tab-pane > ul > li a {
    padding: .5rem 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    position: relative
}

.nav-sidebar .tab-pane > ul > li:hover > a {
    color: #fff !important;
    background-color: #2b99ff
}

.nav-sidebar .tab-pane > ul > li:hover > a:after {
    position: absolute;
    content: '';
    width: 1rem;
    height: 100%;
    left: 100%;
    top: 0;
    background-color: #2b99ff;
    border-top-width: 20px;
    border-bottom-width: 20px;
    border-left-width: .5rem;
    border-right-width: .5rem;
    border-top-color: #f8f9fa;
    border-bottom-color: #f8f9fa;
    border-right-color: #f8f9fa;
    border-left-color: #2b99ff;
    border-style: solid
}

.nav-sidebar .tab-pane > ul > li:hover > a i {
    color: #fff;
    position: relative;
    right: -1rem;
    z-index: 2
}

.nav-sidebar .tab-pane > ul > li > a i {
    font-size: .625rem;
    color: #6c757d;
    display: block
}

.nav-sidebar .tab-pane > ul > li > a span {
    display: block
}

.nav-sidebar-tab {
    background-color: #2b99ff;
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem;
    overflow: hidden;
    border-left: 1px solid #2b99ff;
    border-right: 1px solid #2b99ff
}

.nav-sidebar-tab ul li .nav-link {
    border-radius: 0;
    padding: .5rem .9rem;
    color: #fff
}

.paper-nav-sider-tab {
    border-radius: 0 !important
}

.nav-sidebar-tab.paper-nav-sider-tab ul li .nav-link {
    padding: .5rem .87rem;
    cursor: pointer
}

.nav-sidebar-tab .nav-pills .nav-link.active {
    background-color: #F7FBFF;
    color: #212529;
    position: relative
}

.nav-sidebar-tab .nav-pills .nav-link.active:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #2b99ff
}

.nav-sidebar .nav-popover {
    position: absolute;
    height: 100%;
    width: calc(500% + 6rem);
    padding: 1rem 0 0 1rem;
    left: 100%;
    bottom: 0;
    z-index: 99;
    display: none
}

.nav-sidebar.paper-nav-sidebar .nav-popover {
    padding-top: 0;
    bottom: auto;
    top: 0;
    width: calc(500% + 7.4rem)
}

.nav-sidebar.paper-nav-sidebar .nav-popover:before {
    height: 2.62rem;
    width: calc(100% - 1rem);
    content: '';
    right: 0;
    top: -2.62rem;
    position: absolute;
    background-color: rgba(255, 255, 255, .95)
}

.nav-sidebar.paper-nav-sidebar {
    height: 484px;
    border-radius: .25rem
}

.nav-sidebar .nav-popover ul {
    background-color: #fff;
    border-radius: .25rem;
    padding: 1rem;
    width: 100%;
    height: 100%;
    overflow-y: auto
}

.index-nav-sidebar .nav-popover ul {
    border: 1px solid #2b99ff
}

.nav-sidebar .nav-popover ul li p {
    padding: .2rem 0;
    margin-bottom: 0;
    width: 70px
}

.nav-sidebar .nav-popover dl {
    margin-left: 1rem;
    flex-shrink: 1;
    -ms-flex-negative: 1
}

.nav-sidebar .nav-popover dl dd {
    margin-right: 1rem
}

.nav-sidebar .nav-popover dl dd a {
    padding: 0
}

.nav-sidebar .nav-popover dl dd .btn {
    font-size: .875rem;
    padding: .2rem .5rem
}

.limit-shopping {
    height: 168px;
    background-color: #fff
}

.limit-shopping ul {
    margin: 0;
    padding: 1rem;
    max-width: calc(100% - 137px);
    overflow-x: auto;
    list-style: none
}

.limit-shopping ul li {
    margin-left: 1rem
}

.limit-shopping ul li a {
    display: block;
    width: 160px;
    height: 110px
}

.limit-shopping ul li .rounded {
    overflow: hidden;
    width: 100%;
    height: 100px
}

.limit-shopping .limit-shopping-tip {
    width: 137px;
    height: 168px
}

.login-module {
    float: right
}

.login-module button {
    margin: 9.5px 0
}

.login-module .header-user-box {
    display: block
}

.login-module .header-user-box .img-box {
    width: 31px;
    height: 31px;
    border-radius: 20px;
    border: 1px solid #dee2e6;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle
}

.login-module .header-user-box .img-box img {
    width: 100%
}

.login-module .header-user-box p {
    font-size: 14px;
    color: #333;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-bottom: 0
}

.login-module .header-user-box p i {
    line-height: 14px;
    margin-left: 5px
}

.login-module .header-user-box > a {
    padding: 9px 0
}

.login-module .header-user-box:after {
    clear: both;
    content: '';
    display: block
}

#loginModal .modal-content {
    overflow: hidden;
    border: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .2)
}

#loginModal .modal-body {
    border-top: none;
    padding: 0
}

#loginModal .modal-header {
    border: none;
    position: absolute;
    right: 0;
    top: -5px;
    z-index: 99
}

#loginModal .modal-body:after {
    content: '';
    display: block;
    clear: both
}

#loginModal .modal-body .modal-body-left, #loginModal .modal-body .modal-body-right {
    float: left;
    height: 395px
}

#loginModal .modal-body .login-modal-left-bg {
    background-size: cover;
    width: 51.51%;
    position: absolute;
    right: 100%;
    top: 0;
    height: 100%;
    background-position: center
}

#loginModal .modal-body .modal-body-left {
    background-size: cover;
    width: 34%;
    background-color: #fafafa
}

#loginModal .modal-body .modal-body-right {
    width: 66%;
    position: relative
}

#modalMobileLogin, #modalOldLogin {
    display: none
}

#modalQrcodeLogin {
    text-align: center;
    padding: 1rem 2rem;
    box-sizing: border-box
}

#modalForgetPassword h5, #modalForgetPasswordNext h5, #modalFreeReg h5, #modalQrcodeLogin h5 {
    color: #2b99ff;
    font-size: 1.5rem;
    margin: 1rem 0 .5rem;
    text-align: center
}

#modalForgetPassword p, #modalForgetPasswordNext p, #modalFreeReg p, #modalQrcodeLogin p {
    color: #666;
    position: relative;
    text-align: center
}

#modalForgetPassword p span, #modalForgetPasswordNext p span, #modalFreeReg p span, #modalQrcodeLogin p span {
    color: #999;
    font-size: 14px;
    position: relative;
    z-index: 2;
    padding: 0 10px;
    background: #fff
}

.modal-body-right-qrcode {
    margin: 20px auto 15px
}

.modal-body-right-qrcode #loginWechat {
    width: 200px;
    height: 200px;
    border: 1px solid #dee2e6;
    box-sizing: border-box;
    margin: 0 auto
}

.modal-body-right-other {
    padding: 0 50px;
    width: 100%;
    position: absolute;
    bottom: 0.5rem;
    left: 0
}

.modal-body-right-other:after {
    content: '';
    display: block;
    clear: both
}

.modal-body-right-other div {
    text-align: center;
    color: #999;
    cursor: pointer
}

.modal-body-right-other div[data-type=tab] {
    float: right;
    display: none
}

.modal-body-right-other div:hover {
    color: #2b99ff
}

#modalMobileLogin, #modalOldLogin {
    padding: 15px 50px;
    box-sizing: border-box
}

.modal-custom-box {
    padding: 1rem 2rem;
    box-sizing: border-box
}

#modalForgetPassword, #modalForgetPasswordNext, #modalFreeReg, #modalMobilePasswordLogin, #modalOldLoginSecond {
    display: none
}

.modal-body-right-tab {
    text-align: center;
    font-size: 16px;
    color: #999;
    margin-top: 20px;
    margin-bottom: 10px
}

.modal-body-right-tab a {
    color: #999;
    margin: 0 10px
}

.modal-body-right-tab a.active {
    color: #2b99ff
}

#modalMobileLogin label, #modalOldLogin label {
    display: block;
    margin-top: 30px
}

#modalMobileLogin label div, #modalOldLogin label div {
    position: absolute;
    font-size: 12px;
    bottom: -20px;
    left: 0;
    font-weight: 400;
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
    color: red
}

#modalMobileLogin input, #modalOldLogin input {
    border: 1px solid #dee2e6;
    border-radius: 3px;
    font-size: 14px;
    width: 100%;
    padding: 10px 15px 10px 35px;
    font-weight: 400;
    color: #999
}

#modalMobileLogin .picVericodeBtn, #modalOldLogin .picVericodeBtn {
    position: absolute;
    right: 5px;
    top: 5px;
    height: 33px;
    padding: 0;
    border: 0
}

#modalMobileLogin .pic-vericode img, #modalOldLogin .pic-vericode img {
    height: 33px;
    float: right
}

#modalMobileLogin label .iconfont, #modalOldLogin label .iconfont {
    position: absolute;
    left: 10px;
    top: 10px
}

#modalMobileLogin input[type=checkbox], #modalOldLogin input[type=checkbox] {
    width: auto;
    position: relative;
    top: 2px
}

#modalMobileLogin label, #modalOldLogin label {
    font-weight: 400;
    position: relative
}

#modalMobileLogin label .success, #modalOldLogin .success {
    border: 1px solid #2b99ff
}

#modalMobileLogin button.submit, #modalOldLogin button.submit {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    margin-top: 1rem
}

#modalMobileLogin .login-vericode input, #modalOldLogin .login-vericode input {
    float: left;
    width: calc(100% - 116px)
}

#modalMobileLogin .login-vericode button, #modalOldLogin .login-vericode button {
    float: right;
    padding: 10px 0;
    width: 101px;
    font-size: 14px
}

#modalMobileLogin .login-vericode:after, #modalOldLogin .login-vericode:after {
    content: '';
    display: block;
    clear: both
}

#modalMobileLogin .modal-remember-forget, #modalOldLogin .modal-remember-forget {
    margin-top: 25px
}

#modalMobileLogin .modal-remember-forget:after, #modalOldLogin .modal-remember-forget:after {
    content: '';
    display: block;
    clear: both
}

#modalMobileLogin .modal-remember-forget label, #modalOldLogin .modal-remember-forget label {
    float: left;
    margin-top: 0
}

#modalMobileLogin .modal-remember-forget a, #modalOldLogin .modal-remember-forget a {
    float: right;
    color: #2b99ff;
    position: relative;
    top: 2px
}

[data-needqrcode=true] {
    position: relative;
    cursor: pointer
}

/*[data-needqrcode=true]:after {*/
/*    content: '点击重新加载二维码';*/
/*    width: 100%;*/
/*    font-size: .875rem;*/
/*    color: #6c757d;*/
/*    text-align: center;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    margin-top: -.4375rem;*/
/*    left: 0*/
/*}*/

.modal-custom-box label {
    display: block;
    margin-bottom: 0
}

.modal-custom-box .require, .modal-custom-box .unrequire {
    margin-bottom: 0;
    margin-right: 1rem
}

.modal-custom-box .require:before {
    content: '*';
    color: #dc3545
}

.modal-custom-box label:first-child {
    margin-top: 0
}

.modal-custom-box label div {
    position: absolute;
    font-size: 12px;
    bottom: -20px;
    left: 0;
    font-weight: 400;
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
    color: red
}

.modal-custom-box input, .modal-custom-box textarea {
    border: 1px solid #dee2e6;
    border-radius: 3px;
    font-size: .875rem;
    width: 100%;
    padding: 10px 15px;
    font-weight: 400;
    color: #999
}

.modal-custom-box textarea {
    display: block
}

.modal-custom-box select {
    border: 1px solid #dee2e6;
    border-radius: 3px;
    font-size: .875rem;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 400;
    color: #999
}

.modal-custom-box .picVericodeBtn {
    position: absolute;
    right: 5px;
    top: 5px;
    height: 33px;
    padding: 0;
    border: 0
}

.modal-custom-box .pic-vericode img {
    height: 33px;
    float: right
}

.modal-custom-box label .iconfont {
    position: absolute;
    left: 10px;
    top: 10px
}

.modal-custom-box input[type=checkbox] {
    width: auto;
    position: relative;
    top: 2px
}

.modal-custom-box label {
    font-weight: 400;
    position: relative
}

.modal-custom-box label .success {
    border: 1px solid #2b99ff
}

.modal-custom-box button.submit {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    margin-top: 1rem
}

.modal-custom-box .login-vericode input {
    float: left;
    width: calc(100% - 116px)
}

.modal-custom-box .login-vericode button {
    float: right;
    padding: 10px 0;
    width: 101px;
    font-size: 14px
}

.modal-custom-box .login-vericode:after {
    content: '';
    display: block;
    clear: both
}

.modal-custom-box .modal-remember-forget {
    margin-top: 25px
}

.modal-custom-box .modal-remember-forget:after {
    content: '';
    display: block;
    clear: both
}

.modal-custom-box .modal-remember-forget label {
    float: left;
    margin-top: 0
}

.modal-custom-box .modal-remember-forget a {
    float: right;
    color: #2b99ff;
    position: relative;
    top: 2px
}

.custom-form-box label {
    display: block;
    margin-bottom: 0
}

.custom-form-box .require, .custom-form-box .unrequire {
    margin-bottom: 0;
    margin-right: 1rem
}

.custom-form-box .require:before {
    content: '*';
    color: #dc3545
}

.custom-form-box label:first-child {
    margin-top: 0
}

.custom-form-box label div {
    position: absolute;
    font-size: 12px;
    bottom: -20px;
    left: 0;
    font-weight: 400;
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
    color: red
}

.custom-form-box input, .custom-form-box textarea {
    border: 1px solid #dee2e6;
    border-radius: 3px;
    font-size: .875rem;
    width: 100%;
    padding: 10px 15px;
    font-weight: 400;
    color: #999
}

.custom-form-box textarea {
    display: block
}

.custom-form-box select {
    border: 1px solid #dee2e6;
    border-radius: 3px;
    font-size: .875rem;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 400;
    color: #999
}

.custom-form-box .picVericodeBtn {
    position: absolute;
    right: 5px;
    top: 5px;
    height: 33px;
    padding: 0;
    border: 0
}

.custom-form-box .pic-vericode img {
    height: 33px;
    float: right
}

.custom-form-box label .iconfont {
    position: absolute;
    left: 10px;
    top: 10px
}

.custom-form-box input[type=checkbox] {
    width: auto;
    position: relative;
    top: 2px
}

.custom-form-box label {
    font-weight: 400;
    position: relative
}

.custom-form-box label .success {
    border: 1px solid #2b99ff
}

.custom-form-box button.submit {
    padding: 10px 2rem;
    font-size: 1rem;
    margin-left: 1rem
}

.custom-form-box input[type=reset] {
    padding: 10px 2rem;
    font-size: 1rem;
    width: auto
}

.custom-form-box .login-vericode input {
    float: left;
    width: calc(100% - 116px)
}

.custom-form-box .login-vericode button {
    float: right;
    padding: 10px 0;
    width: 101px;
    font-size: 14px
}

.custom-form-box .login-vericode:after {
    content: '';
    display: block;
    clear: both
}

.custom-form-box .modal-remember-forget {
    margin-top: 25px
}

.custom-form-box .modal-remember-forget:after {
    content: '';
    display: block;
    clear: both
}

.custom-form-box .modal-remember-forget label {
    float: left;
    margin-top: 0
}

.custom-form-box .modal-remember-forget a {
    float: right;
    color: #2b99ff;
    position: relative;
    top: 2px
}

.file-drop-zone {
    border: none
}

.file-preview-frame {
    box-shadow: none
}

.file-preview {
    border-radius: .25rem;
    margin-bottom: .5rem
}

.file-preview-image {
    display: inline-block
}

.file-preview-frame:hover {
    box-shadow: none
}

.file-error-message {
    border-radius: .25rem
}

.kv-upload-progress {
    margin-bottom: .5rem
}

.fileinput-remove {
    display: none
}

.carousel-vertical .carousel-inner .carousel-item-next.carousel-item-left, .carousel-vertical .carousel-inner .carousel-item-prev.carousel-item-right {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.carousel-vertical .carousel-inner .active.carousel-item-left, .carousel-vertical .carousel-inner .carousel-item-prev {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.carousel-vertical .carousel-inner .active.carousel-item-right, .carousel-vertical .carousel-inner .carousel-item-next {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.gg-area .carousel {
    height: 240px;
    border-radius: .25rem;
    overflow: hidden
}

.gg-area.paper-gg-area .carousel {
    height: 285px
}

.gg-area .col-6 {
    padding: 0
}

.gg-area .gg-mid a {
    display: block;
    height: 112px;
    border-radius: .25rem;
    overflow: hidden;
    width: 100%
}

.gg-area .gg-mid a:last-child {
    margin-top: 1rem
}

.gg-area a {
    cursor: pointer
}

.gg-area .gg-data {
    height: 80px;
    width: 100%;
    border-radius: .25rem;
    background-color: #fff;
    padding-top: .8rem;
    padding-bottom: .8rem
}

.gg-area .gg-data p {
    margin-bottom: .25rem
}

.gg-area .gg-announce {
    height: 1.8rem;
    overflow: hidden;
    border-radius: .25rem;
    background-color: #fff;
    margin-top: .2rem;
    padding: 0 1rem
}

.gg-area .gg-announce a {
    font-size: .875rem;
    line-height: 1.7rem;
    padding-top: 1px
}

.gg-area .gg-announce a i {
    position: relative;
    top: 1px
}

.gg-area .gg-nav {
    overflow: hidden;
    border-radius: .25rem;
    background-color: #fff;
    margin-top: .5rem;
    padding: 0 1rem;
    height: 112px;
    margin-left: 0;
    margin-right: 0
}

.gg-area .gg-nav a {
    padding-left: 40px;
    position: relative;
    padding-top: 15px;
    display: block
}

.gg-area .gg-nav a:before {
    content: '';
    position: absolute;
    background-image: url(../images/iwant-prepare.png);
    width: 30px;
    height: 30px;
    left: 0;
    top: 50%;
    margin-top: -15px;
    background-repeat: no-repeat;
    background-size: cover
}

.gg-area .gg-nav a:nth-child(2):before {
    background-image: url(../images/iwant-upload.png)
}

.gg-area .gg-nav a:nth-child(3):before {
    background-image: url(../images/personal-center.png)
}

.gg-area .gg-nav a:nth-child(4):before {
    background-image: url(../images/part-time.png)
}

.excellent-author, .friend-link, .latest-information, .lesson-preparation, .lianshan-boutique, .today-recommond, .topic-and-paper {
    background-color: #fff;
    border-radius: .25rem
}

.excellent-author h5, .friend-link h5, .latest-information h5, .lesson-preparation h5, .lianshan-boutique h5, .today-recommond h5, .topic-and-paper h5 {
    margin-right: 20px;
}

.excellent-author ul, .friend-link ul, .latest-information ul, .lesson-preparation ul, .lianshan-boutique ul, .today-recommond ul, .topic-and-paper ul {
    list-style: none
}

.friend-link ul li {
    font-size: .875rem;
    margin-bottom: 1.5rem;
    margin-right: 1.5rem
}

.friend-link ul li a {
    padding: 0 1rem;
    color: #3f3f3f
}

.friend-link ul li a:hover {
    color: #121416
}

.friend-link.tree-container {
    float: left;
    width: calc(100% - 270px - 1rem)
}

.test-high-list.tree-container {
    float: left;
    width: calc(100% - 270px - 1rem);
    background-color: #fff
}

.friend-link.tree-container .category-list-items ul li {
    margin-right: 0;
    margin-bottom: 0;
    padding: 1.5rem 0
}

.friend-link.tree-container .category-list-items ul li:last-child {
    border-bottom: 0 !important
}

.friend-link.tree-container .category-list-items ul li:first-child {
    padding-top: 0
}

.friend-link.tree-container .category-list-items {
    min-height: auto
}

.friend-link.tree-container .category-list-items ul li h5 {
    font-size: 1rem
}

.friend-link.tree-container ul li a {
    padding: 0
}

.topic-and-paper.tree-container {
    float: left;
    width: calc(100% - 270px - 1rem)
}

.topic-and-paper.tree-container .category-list-items ul li {
    margin-right: 0;
    margin-bottom: 0;
    padding: 1.5rem 0
}

.topic-and-paper.tree-container .category-list-items ul li:last-child {
    border-bottom: 0 !important
}

.topic-and-paper.tree-container .category-list-items ul li:first-child {
    padding-top: 0
}

.topic-and-paper.tree-container .category-list-items {
    min-height: auto
}

.topic-and-paper.tree-container .category-list-items ul li h5 {
    font-size: 1rem
}

.topic-and-paper .topic-and-paper-con-item li:nth-child(2n-1) {
    padding-left: 0;
    padding-right: 1.5rem
}

.topic-and-paper .topic-and-paper-con-item li:nth-child(2n) {
    padding-right: 0;
    padding-left: 1.5rem
}

.topic-and-paper .topic-content li {
    width: 50%;
    float: left;
    padding-bottom: 1.5rem !important;
    padding-top: 0 !important
}

.topic-and-paper .topic-content li h5 {
    font-size: 1rem
}

.topic-and-paper .topic-container .topic-list-items .btn-danger, .topic-and-paper .topic-container .topic-list-items .btn-warning {
    font-size: .75rem;
    line-height: 1.4;
    padding: 0 .2rem
}

.topic-and-paper .topic-container {
    float: none
}

.topic-and-paper .topic-content li:nth-child(2n+1) {
    padding-right: .75rem
}

.topic-and-paper .topic-content li:nth-child(2n) {
    padding-left: .75rem
}

.topic-and-paper .topic-container .topic-list-items .items-img {
    width: 90px
}

.topic-and-paper .topic-container .topic-list-items .items-img .img-box {
    width: 80px;
    height: 104px
}

.paper-new-shop .img-box {
    width: 90px;
    height: 120px;
    margin: 0 auto
}

.paper-new-shop .img-box img {
    width: 100%;
    height: 100%
}

.topic-and-paper .topic-container .topic-list-items .img-txt {
    padding: 0 .3rem 0 .5rem;
    height: 50%;
    top: 25%
}

.topic-and-paper .topic-container .topic-list-items {
    min-height: auto
}

.latest-information .latest-information-con-item li, .lesson-preparation .lianshan-boutique-con-item li, .lianshan-boutique .lianshan-boutique-con-item li {
    width: 120px;
    margin: 0 .75rem 1.5rem
}

.latest-information .latest-information-con-item li a {
    display: block
}

.latest-information .latest-information-con-item li .rounded, .lesson-preparation .lesson-preparation-con-item li .rounded, .lianshan-boutique .lianshan-boutique-con-item li .rounded {
    width: 100%;
    height: 157px
}

.latest-information .latest-information-con-item li .rounded img, .lesson-preparation .lesson-preparation-con-item li .rounded img, .lianshan-boutique .lianshan-boutique-con-item li .rounded img {
    float: left;
    width: 50%
}

.latest-information .latest-information-con-item li .rounded img:first-child, .lesson-preparation .lesson-preparation-con-item li .rounded img:first-child, .lianshan-boutique .lianshan-boutique-con-item li .rounded img:first-child {
    width: 100%
}

.latest-information .latest-information-con-item li .rounded:after, .lesson-preparation .lesson-preparation-con-item li .rounded:after, .lianshan-boutique .lianshan-boutique-con-item li .rounded:after {
    content: '';
    display: block;
    clear: both
}

.latest-information .latest-information-hotlist {
    width: 300px
}

.latest-information .latest-information-hotlist li .rounded {
    width: 106px;
    height: 141px
}

.latest-information .latest-information-hotlist li .rounded img {
    float: left;
    width: 50%
}

.latest-information .latest-information-hotlist li .rounded img:first-child {
    width: 100%
}

.latest-information .latest-information-hotlist li .rounded:after {
    content: '';
    display: block;
    clear: both
}

.latest-information .latest-information-hotlist li a {
    position: relative;
    padding-left: 32px
}

.latest-information .latest-information-hotlist li:last-child {
    margin-bottom: 0 !important
}

.latest-information .latest-information-hotlist li a span {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: .25rem;
    background-color: #f5f5f5;
    color: #999;
    width: 21px;
    height: 21px;
    text-align: center;
    z-index: 9
}

.latest-information .latest-information-hotlist li:first-child a span, .latest-information .latest-information-hotlist li:nth-child(2) a span, .latest-information .latest-information-hotlist li:nth-child(3) a span {
    background-color: #2b99ff;
    color: #fff
}

.latest-information .latest-information-hotlist li div a {
    padding-left: 0
}

.lesson-preparation .lesson-preparation-con-item li {
    width: 120px;
    margin: 0 .9em 1.5em .9rem
}

.lesson-preparation .lesson-preparation-con-item li a {
    display: block
}

.lesson-preparation .lesson-preparation-con-item li a p {
    margin-bottom: 0;
    font-size: .875rem
}

.lesson-preparation .lesson-preparation-con-item li .rounded {
    width: 100%
}

.lianshan-boutique .lianshan-boutique-left {
    width: 276px
}

.lianshan-boutique .lianshan-boutique-left .rounded {
    width: 100%;
    height: 368px
}

.excellent-author ul li a {
    display: block;
    width: 193px
}

.excellent-author .excellent-author-avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 3px solid #eee;
    overflow: hidden;
    position: relative;
    z-index: 2;
    margin: 0 auto
}

.excellent-author .excellent-author-avatar img {
    width: 100%;
    height: 100%
}

.excellent-author .excellent-author-info {
    width: 193px;
    border-radius: .25rem;
    background-color: #fff;
    position: relative;
    top: -40px;
    padding: 3rem 1rem 1rem
}

.excellent-author .excellent-author-info h5 {
    width: 100%
}

.excellent-author .carousel-indicators li {
    background-color: #f9b25f
}

.excellent-author .carousel-control-next, .excellent-author .carousel-control-prev {
    width: 2rem
}

.excellent-author .carousel-inner {
    padding: 0 2rem
}

.excellent-author .carousel-inner .carousel-item ul li {
    margin: 0 .75em
}

.excellent-author .carousel-control-next, .excellent-author .carousel-control-prev {
    height: 206px
}

.excellent-author .carousel-control-next i, .excellent-author .carousel-control-prev i {
    color: #6c757d;
    font-size: 1.5rem
}

.no-exist-page {
    padding: 4rem 0;
    text-align: center
}

.no-exist-page .img-box {
    height: 250px
}

.no-exist-page .img-box img {
    height: 100%;
    margin: 0 auto 1rem
}

.no-exist-page p {
    color: #6c757d
}

.no-exist-page .btn {
    font-size: 1.125rem;
    padding: .5rem 3rem;
    margin-top: 2rem
}

footer {
    background-color: #fff;
    padding: 2rem 0;
    margin-top: 1rem
}

.footer-no-nav > .width-out {
    display: none
}

footer .footer-nav {
    border-bottom: 1px dashed #ddd;
    padding: 0 1.5rem
}

footer .foot-nav {
    padding: 0;
    margin: 0;
    list-style: none
}

footer .foot-nav li {
    margin-right: 3rem
}

footer .foot-nav li h5 {
    font-weight: 700;
    font-size: .875rem;
    margin-bottom: 2rem
}

footer .foot-nav li a {
    font-size: .875rem;
    color: #6c757d;
    display: block;
    margin-bottom: 1.5rem
}

footer .foot-nav li a:hover {
    color: rgba(0, 0, 0, .9)
}

footer .foot-qrcode > div {
    width: 145px;
    margin-left: 2rem
}

footer .foot-qrcode div img {
    width: 100%;
    height: 145px;
    margin-bottom: 1rem;
    border-radius: .25rem
}

footer .foot-qrcode div p {
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    text-align: center
}

footer .footer-copyright {
    margin-top: 1.5rem;
    padding: 0 1.5rem
}

footer .footer-copyright p {
    text-align: center;
    margin-bottom: 0;
    color: #6c757d;
    font-size: .875rem
}

footer .footer-copyright p:last-child {
    margin-top: 1rem
}

.footer-no-nav .footer-copyright {
    margin-top: 0
}

.footer-no-nav {
    padding: 1.5rem 0
}

.login-content {
    width: 100%;
    height: 680px;
    background-color: #367bf0;
    position: relative;
    overflow: hidden
}

.login-content .loginbg-office {
    position: absolute;
    bottom: 107px;
    width: 642px;
    left: 50%;
    margin-left: -381px;
    z-index: 9;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease
}

.login-content .loginbg-bubble {
    position: absolute;
    bottom: 238px;
    width: 1279px;
    left: 50%;
    margin-left: -462px;
    z-index: 8;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease
}

.login-content .loginbg-wave1, .login-content .loginbg-wave2, .login-content .loginbg-wave3, .login-content .loginbg-wave4 {
    position: absolute;
    width: 1967px;
    left: 50%;
    margin-left: -980px
}

.login-content .loginbg-wave4 {
    z-index: 7;
    bottom: -234px;
    animation: wave 3s infinite ease-in-out;
    -moz-animation: wave 3s infinite ease-in-out;
    -ms-animation: wave 3s infinite ease-in-out;
    -webkit-animation: wave 3s infinite ease-in-out
}

.login-content .loginbg-wave3 {
    z-index: 6;
    bottom: -60px;
    animation: wave 4s infinite ease-in-out;
    -webkit-animation: wave 4s infinite ease-in-out;
    -moz-animation: wave 4s infinite ease-in-out;
    -ms-animation: wave 4s infinite ease-in-out
}

.login-content .loginbg-wave2 {
    z-index: 5;
    bottom: -230px;
    animation: wave 5s infinite ease-in-out;
    -webkit-animation: wave 5s infinite ease-in-out;
    -moz-animation: wave 5s infinite ease-in-out;
    -ms-animation: wave 5s infinite ease-in-out
}

.login-content .loginbg-wave1 {
    z-index: 4;
    bottom: -234px
}

@keyframes wave {
    0% {
        transform: translateY(0) translateX(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0)
    }
    50% {
        transform: translateY(15px) translateX(1%);
        -wekbit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -ms-transform: translateY(15px)
    }
    100% {
        transform: translateY(0) translateX(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0)
    }
}

@-webkit-keyframes wave {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0)
    }
    50% {
        transform: translateY(15px);
        -wekbit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -ms-transform: translateY(15px)
    }
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0)
    }
}

@-moz-keyframes wave {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0)
    }
    50% {
        transform: translateY(15px);
        -wekbit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -ms-transform: translateY(15px)
    }
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0)
    }
}

@-ms-keyframes wave {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0)
    }
    50% {
        transform: translateY(15px);
        -wekbit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -ms-transform: translateY(15px)
    }
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0)
    }
}

.login-content .width-out {
    position: relative;
    z-index: 10;
    padding-top: 6rem
}

.login-content .width-out .btn-warning {
    font-size: 1.25rem;
    margin-top: 5rem;
    color: #367bf0;
    padding: .5rem 2rem;
    font-weight: 700
}

.login-content .login-box {
    background-color: #fff;
    border-radius: .25rem;
    position: relative;
    height: 480px;
    width: 400px
}

.tree-sidebar {
    background-color: #fff;
    border-radius: .25rem;
    width: 240px;
    float: left
}

.tree-sidebar.fixedSidebar {
    position: fixed;
    top: 66px;
    left: 50%;
    margin-left: -600px
}

#columnDetailSiderRight {
    transition: margin-top .2s ease
}

.columnFixedSidebar {
    position: fixed;
    top: 54px;
    right: 50%;
    margin-top: 0;
    margin-right: -600px;
    width: 300px
}

.columnFixedSidebar2 {
    position: fixed;
    top: 54px;
    margin-top: -131px;
    right: 50%;
    margin-right: -600px;
    width: 300px
}

.tree-sidebar #tree {
    overflow-y: auto
}

.tree-container {
    /*width: calc(100% - 256px);*/
    /*float: right*/
    width: 100%;
}

.tree-sidebar .btn-group {
    width: 100%
}

.tree-sidebar .dropdown-toggle {
    width: 100%;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.tree-sidebar .dropdown-menu {
    width: 100%;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.tree-sidebar .treeview {
    padding: 1rem
}

.tree-sidebar .treeview .treeview {
    padding: 0
}

.tree-sidebar .treeview a, .tree-sidebar .treeview span {
    top: -5px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    color: #3f3f3f;
    font-size: .875rem;
    padding-left: 5px
}

.tree-sidebar > .treeview > li > a, .tree-sidebar > .treeview > li > span {
    font-weight: 700;
    font-size: 1rem
}

.tree-sidebar .treeview a:hover {
    color: #121416
}

.tree-sidebar .treeview a.selected {
    background-color: transparent;
    color: #2b99ff
}

.tree-sidebar .drop-type {
    padding: 1rem 1rem .5rem
}

.tree-sidebar .drop-type .btn {
    padding: .175rem .75rem;
    font-size: .875rem;
    margin-bottom: .5rem
}

.tree-sidebar .drop-type .btn-primary {
    color: #fff
}

.tree-sidebar .drop-type .btn-default:hover {
    background-color: #eee
}

.tree-sidebar .drop-type .btn-group {
    margin-right: 1rem
}

.tree-container .category-list {
    background-color: #fff;
    border-radius: .25rem;
    padding: 1.5rem
}

.tree-container .category-list .btn-group {
    margin-right: 0 !important
}

.tree-container .category-list-search {
    width: calc(100% - 316px)
}

.tree-container .category-list-search .dropdown-toggle-init.btn-secondary {
    background-color: #fff;
    border-color: #ddd;
    color: #ddd
}

.tree-container .category-list-search .dropdown-toggle-init.btn-secondary:focus {
    box-shadow: 0 0 0 .1rem rgba(130, 138, 145, .2)
}

.tree-container .category-list .dropdown-toggle-init.btn-secondary {
    background-color: #fff;
    border-color: #ddd;
    color: #ddd
}

.tree-container .category-list .dropdown-toggle-init.btn-secondary:focus {
    box-shadow: 0 0 0 .1rem rgba(130, 138, 145, .2)
}

.search-subject-box .btn {
    margin-bottom: .5rem
}

.tree-container .subject-list {
    background-color: #fff;
    border-radius: .25rem;
    padding: 1.5rem;
    width: 300px
}

.tree-container .subject-list .tab-item {
    text-align: center;
    position: relative;
    padding-bottom: .5rem;
    display: block
}

.tree-container .subject-list .tab-item:after {
    content: '';
    width: 0;
    height: 2px;
    background-color: #2b99ff;
    position: absolute;
    left: 50%;
    bottom: -1px;
    transition: all .2s ease;
    transform: translateX(-50%);
    overflow: hidden
}

.tree-container .subject-list .tab-item.active:after {
    width: 100%
}

.tree-container .category-list ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.tree-container .category-list ul li {
    margin-bottom: 1rem
}

.tree-container .category-list ul li:last-child {
    margin-bottom: 0
}

.tree-container .category-list li p {
    width: 66px;
    white-space: nowrap;
    margin-bottom: 0;
    color: #6c757d;
    font-size: .875rem;
    text-align: justify;
    text-align-last: justify;
    padding-left: 0 !important;
    padding-right: 0 !important;
    flex-shrink: 0;
    -ms-flex-negative: 0
}

.tree-container .category-list li span {
    color: #6c757d;
    font-size: .875rem;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.tree-container .category-list li .btn {
    padding: .175rem .75rem;
    font-size: .875rem;
    margin-bottom: .5rem;
    line-height: 1.6
}

.tree-container .category-list li .btn-primary {
    color: #fff
}

.tree-container .category-list li .btn-default:hover {
    background-color: #eee
}

.tree-container .category-list li .btn-group {
    margin-right: 1rem
}

.tree-container .category-list li .dropdown-menu {
    width: 500px;
    min-height: 86.59px
}

.dropdown-custom {
    white-space: normal
}

.more-item-show .more-item {
    display: inline-block !important
}

.tree-container .category-container {
    margin-top: 1rem;
    background-color: #fff;
    border-radius: .25rem;
    padding: 0 1.5rem
}

.tree-container .category-container nav {
    padding: 0
}

.tree-container .category-container nav li {
    position: relative
}

.tree-container .category-container nav li.active:after {
    width: 100%;
    height: 2px;
    background-color: #2b99ff;
    bottom: -1px;
    left: 0;
    content: '';
    position: absolute
}

.tree-container .category-container nav li > a {
    padding: 1rem .5rem
}

.tree-container .category-list-items {
    min-height: 300px
}

.tree-container .category-list-items ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.tree-container .category-list-items ul li {
    padding: 1.5rem 0
}

.tree-container .category-list-items .bread-nav span:last-child {
    display: none
}

.tree-container .category-list-items .btn-outline-danger, .tree-container .category-list-items .btn-outline-primary, .tree-container .category-list-items .btn-outline-warning {
    font-size: .875rem;
    padding: 0 .5rem;
    pointer-events: none;
    cursor: default
}

.tree-container .category-list-items .btn-outline-warning {
    color: #c7a152;
    border-color: #c7a152
}

.tree-container .category-list-items .btn-outline-primary {
    color: #2b99ff
}

.tree-container .category-list-items .btn-outline-danger {
    color: #dc3545
}

.tree-container .category-list-items .btn-sign {
    font-size: .875rem;
    padding: 0 .5rem
}

.tree-container .category-list-items .items-img {
    width: 72px;
    text-align: center;
    font-size: .875rem
}

.tree-container .category-list-items .items-img .img-box {
    width: 75px;
    height: 90px
}

.category-list-items ul li {
    border-bottom-style: dashed !important
}

.category-list-items ul li .items-info {
    color: #aaa !important;
    margin-top: .75rem !important
}

.category-list-items ul li .items-info p {
    font-size: .75rem
}

.category-list-items ul li .sign a {
    color: #999
}

.tree-container .category-list-items .items-img img {
    width: 100%
}

.tree-container .category-list-items .items-img p {
    margin-top: -13px;
    color: #6c757d;
    position: relative;
    display: inline-block;
    background-color: #fff;
    padding: 0 2px
}

.tree-container .category-list-items .title {
    width: 1px;
    display: block
}

.tree-container .category-list-items .title h5 {
    margin-bottom: 0;
    width: 100%
}

.category-list-items .title {
    text-decoration: none
}

.category-list-items .title h5 {
    font-size: 1rem
}

.category-list-items .title h5:hover {
    color: #007aff
}

.category-list-items .title h5 tag {
    color: #dc3545
}

.tree-container .category-list-items .breadcrumb a {
    padding-top: 0;
    padding-bottom: 0
}

.tree-container .category-list-items .sign .btn-light {
    font-size: .875rem;
    padding: .1rem .5rem
}

.tree-container .category-list-items .items-info i {
    font-size: .875rem
}

.tree-container .category-list-items .flex-grow-1 {
    width: 0
}

.topic-bg-gap {
    position: absolute;
    top: 84px;
    width: 100%;
    left: 0;
    background-color: #2f89ff;
    z-index: -1;
    height: 168px;
    background-image: url(../images/topic-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.topic-breadcrumb a, .topic-breadcrumb li, .topic-breadcrumb li.active, .topic-breadcrumb li.active:before {
    color: #fff
}

.topic-sidebar {
    width: 290px;
    float: left
}

.topic-container {
    float: right;
    width: calc(100% - 306px)
}

.topic-sidebar ul {
    margin-bottom: 1rem;
    padding: .5rem 0;
    background-color: rgba(255, 255, 255, 1);
    border-radius: .25rem;
    list-style: none
}

.topic-sidebar ul li a {
    padding: .5rem 1.5rem;
    text-decoration: none
}

.topic-sidebar ul li a i {
    margin-left: 1.5rem;
    color: #6c757d;
    font-size: .875rem;
    display: block
}

.topic-sidebar ul li a span {
    display: block
}

.topic-container .topic-attr-list {
    background-color: rgba(255, 255, 255, 1);
    border-radius: .25rem;
    padding: 1.5rem;
    z-index: 10;
    position: relative
}

.topic-container .topic-attr-list ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.topic-container .topic-attr-list ul li {
    margin-bottom: 1rem;
    position: relative
}

.topic-container .topic-attr-list ul li .collapse-more-list {
    white-space: nowrap;
    width: 0
}

.topic-container .topic-attr-list ul li .collapse-more-list .more-item {
    display: none
}

.topic-container .topic-attr-list ul li .collapse-more-list [data-moreshow=true] {
    display: inline-block
}

.collapse-items {
    font-size: 0
}

.topic-container .topic-attr-list ul li .collapse-more {
    margin-left: 1rem;
    display: none
}

.topic-container .topic-attr-list ul li .collapse-more span {
    margin-right: .3em
}

.topic-container .topic-attr-list ul li .collapse-more i {
    font-size: .875rem;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    display: inline-block
}

.topic-container .topic-attr-list ul li:last-child {
    margin-bottom: 0
}

.topic-container .topic-attr-list li p {
    width: 66px;
    white-space: nowrap;
    margin-bottom: 0;
    color: #6c757d;
    font-size: .875rem;
    text-align: justify-all;
    text-align-last: justify;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.topic-container .topic-attr-list li span {
    color: #6c757d;
    font-size: .875rem;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.topic-container .topic-attr-list li .btn {
    padding: .175rem .75rem;
    font-size: .875rem;
    margin: .2rem .4rem .5rem .2rem
}

.topic-container .topic-attr-list li .btn-primary {
    color: #fff
}

.topic-container .topic-attr-list li .btn-default:hover {
    background-color: #eee
}

.topic-container .topic-attr-list li .btn-group {
    margin-right: 1rem
}

.topic-container .topic-attr-list li .dropdown-menu {
    width: 500px
}

.topic-container .topic-content {
    margin-top: 1rem;
    background-color: #fff;
    border-radius: .25rem;
    padding: 0 1.5rem
}

.topic-container .topic-content nav {
    padding: 0
}

.topic-container .topic-content nav li {
    position: relative;
    margin-right: 2rem
}

.topic-container .topic-content nav li.active:after {
    width: 100%;
    height: 2px;
    background-color: #2b99ff;
    bottom: -1px;
    left: 0;
    content: '';
    position: absolute
}

.topic-container .topic-content nav li a {
    padding: 1rem 0 !important
}

.topic-container .topic-list-items {
    min-height: 300px
}

.topic-container .topic-list-items ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.topic-container .topic-list-items ul li {
    padding: 1.5rem 0;
    position: relative
}

.topic-container .topic-list-items .bread-nav span:last-child {
    display: none
}

.topic-container .topic-list-items .btn-danger, .topic-container .topic-list-items .btn-warning {
    font-size: .875rem;
    padding: 0 .3rem;
    color: #fff;
    margin-right: .3rem
}

.topic-container .topic-list-items .items-img {
    width: 100px;
    text-align: center
}

.topic-container .topic-list-items .items-img .img-box {
    width: 100px;
    height: 130px
}

.topic-container .topic-list-items .items-img img {
    width: 100%;
    height: 100%
}

.topic-container .topic-list-items .title {
    width: 1px
}

.topic-container .topic-list-items .title h5 {
    margin-bottom: 0
}

.topic-container .topic-list-items .flex-grow-1 {
    width: 0
}

.topic-con-title {
    background-color: #fff;
    padding: 0 1.5rem
}

.topic-con-title .topic-con-title-imgbox {
    width: 123px;
    height: 166px;
    margin: 1.5rem 2rem 1.5rem 0;
    overflow: hidden
}

.topic-con-title .topic-con-title-imgbox img {
    width: 100%;
    height: 100%
}

.topic-con-title .topic-con-title-info {
    padding: 1.5rem 0;
    border-radius: .25rem;
    background-color: #fff
}

.topic-con-title .topic-con-title-info h5 {
    margin-bottom: 1rem;
    margin-left: .3rem;
    min-height: 48px
}

.topic-con-title .topic-con-title-info .title-box .btn-danger, .topic-con-title .topic-con-title-info .title-box .btn-warning {
    font-size: .75rem;
    padding: 0 .3rem;
    color: #fff;
    margin-right: .3rem;
    margin-top: 3px;
    display: block
}

.topic-con-title .topic-con-title-info .title-box .title {
    display: block;
    flex-basis: 0
}

.topic-con-title .topic-con-title-info .btn-danger {
    color: #fff
}

.topic-con-title .topic-con-title-info .download-btn {
    padding: .9rem 1.5rem
}

.topic-con-title .topic-con-title-qrcode {
    text-align: center;
    font-size: .875rem;
    width: 120px;
    margin-left: 2rem;
    margin-top: 1.5rem
}

.topic-con-title .topic-con-title-qrcode .img-box {
    width: 102px;
    height: 102px;
    border-radius: .25rem;
    border: 1px solid #dee2e6;
    overflow: hidden;
    display: inline-block
}

.topic-con-title .topic-con-title-qrcode .imgbox img {
    width: 100%;
    display: block
}

.topic-con-title .topic-con-title-qrcode p {
    margin-bottom: 0
}

.topic-con-title .topic-con-title-qrcode img {
    width: 102px;
    display: inline-block;
    margin-bottom: .5rem
}

.topic-con-title .topic-con-feature {
    margin-top: 1.3rem
}

.topic-con-sidebar {
    width: 300px;
    float: right
}

.topic-con-container {
    float: left;
    width: calc(100% - 316px)
}

.topic-con-container .topic-content nav {
    padding: 0
}

.topic-con-container .topic-content nav li {
    position: relative;
    margin-right: 2rem
}

.topic-con-container .topic-content nav li.active:after {
    width: 100%;
    height: 2px;
    background-color: #2b99ff;
    bottom: -1px;
    left: 0;
    content: '';
    position: absolute
}

.topic-con-container .topic-content nav li a {
    padding: 1rem 0 !important
}

.topic-content-catalog {
    padding: 1.5rem 0
}

.topic-content-catalog .catalog-item {
    top: -2.5px;
    display: block;
    color: #3f3f3f;
    font-size: .875rem;
    position: relative
}

.topic-content-catalog .unview {
    color: #6c757d;
    top: -3.5px
}

.topic-content-catalog .unview .custom-control-label::after, .topic-content-catalog .unview .custom-control-label::before {
    left: -1.3rem
}

.topic-content-catalog .unview span {
    padding-left: 0
}

.topic-content-catalog h5 {
    margin-bottom: 1.5rem
}

.topic-content-catalog .custom-checkbox {
    font-size: .875rem
}

.topic-content-catalog .custom-control-label::after, .topic-content-catalog .custom-control-label::before {
    top: .18rem
}

.topic-content-catalog ul {
    margin: 0;
    list-style: none;
    padding: 0
}

.topic-content-catalog .custom-checkbox {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

.topic-content-catalog .custom-checkbox label {
    padding: 0;
    cursor: pointer
}

.topic-content-catalog ul li .flex-grow-1 {
    width: 0
}

.topic-content-catalog ul li label {
    width: 100%
}

.topic-content-catalog ul li label span {
    width: 100%;
    padding-left: 1.3rem
}

.topic-content-catalog ul li label span.office-icon:before {
    margin-top: -.45rem
}

.topic-content-catalog-price {
    width: 120px;
    margin-left: 1.5rem;
    font-size: .875rem
}

.topic-content-catalog-price p {
    margin-bottom: 0;
    padding: 0
}

.topic-content-catalog-price a {
    color: #2b99ff;
    padding: 0;
    font-size: .875rem;
    background-color: transparent !important
}

.topic-content-catalog-price i {
    font-size: .875rem
}

.topic-con-sidebar .topic-content-command {
    border-radius: .25rem;
    background-color: #fff;
    margin-top: 1rem
}

.topic-con-sidebar .topic-content-command .imgbox {
    width: 120px;
    height: 157px;
    overflow: hidden
}

.topic-con-sidebar .topic-content-command .imgbox img {
    width: 100%
}

.topic-con-sidebar .topic-content-command h5 {
    font-size: 1rem;
    padding: 1rem 0;
    margin: 0 1rem
}

.topic-con-sidebar .topic-content-command ul {
    margin: 0;
    padding: 1rem;
    list-style: none
}

.topic-con-sidebar .topic-content-command ul li a {
    font-size: .875rem;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-top: .5rem;
    padding-bottom: .5rem
}

#downloadSelectedFiles {
    margin-right: -1.5rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    position: relative
}

#downloadSelectedFiles:after {
    content: '';
    background-color: #dee2e6;
    height: 1px;
    width: 1.5rem;
    bottom: -.64rem;
    right: 0;
    position: absolute;
    pointer-events: none
}

.set-meal-gap {
    height: 152px;
    margin-top: 1rem
}

.set-meal-gap .set-meal-gap-item {
    width: 290px;
    height: 152px;
    border-radius: .25rem;
    overflow: hidden;
    position: relative;
    display: block
}

.set-meal-gap .set-meal-gap-item img {
    height: 100%
}

.set-meal-gap.paper-set-meal-gap {
    height: 120px
}

.set-meal-gap.paper-set-meal-gap .set-meal-gap-item {
    height: 120px;
    display: block
}

.subject-area {
    width: 270px;
    float: right;
    margin-top: 1rem;
    border-radius: .25rem;
    overflow: hidden
}

.subject-area .btn {
    border-color: #ddd;
    width: calc(50% - .5rem);
    margin-top: 1rem
}

.subject-area .btn:nth-child(2n+1) {
    float: left
}

.subject-area .btn:nth-child(2n) {
    float: right
}

.subject-footer .foot-qrcode {
    padding-bottom: 1rem
}

.subject-footer .footer-nav p {
    font-size: .875rem;
    color: #6c757d;
    margin-bottom: .2rem
}

.subject-footer .footer-nav h2 {
    margin-top: 1.5rem
}

.subject-footer .footer-nav h2 i {
    font-size: 1.75rem
}

footer.subject-footer .foot-nav li {
    margin-right: 1.5rem;
    padding-right: 1.5rem;
    border-right: 1px solid #ddd;
    margin-bottom: 1.5rem
}

footer.subject-footer .foot-nav li:last-child {
    border-right: 0
}

footer.subject-footer .foot-nav li a {
    margin-bottom: 0
}

.sbujectstage-bg-gap {
    position: absolute;
    top: 84px;
    width: 100%;
    left: 0;
    background-color: #f4f4f6;
    z-index: -1;
    height: 419px;
    background-image: url(../images/subject-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.subjectstage-title {
    font-size: 1.75rem;
    font-weight: 700;
    margin: 2rem 0
}

.subjectstage-img-1 {
    height: 90px;
    overflow: hidden;
    width: 100%;
    border-radius: .25rem
}

.subjectstage-img-1 img {
    height: 100%;
    width: auto
}

.subjectstage-shijuan-img-list li {
    width: 120px
}

.subjectstage-shijuan-img-list li .rounded {
    height: 160px
}

.subjectstage-shijuan-img-list li .rounded img {
    width: 100%
}

.paper-hot-sign {
    overflow-y: auto;
    height: 229px
}

.paper-hot-sign a {
    margin-right: .5rem;
    margin-bottom: .5rem
}

.scene-bg-gap {
    position: absolute;
    top: 27px;
    width: 100%;
    left: 0;
    background-color: #fff;
    z-index: -1;
    height: 561px;
    background-image: url(../images/subjectstage-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.type-bg-gap {
    position: absolute;
    top: 27px;
    width: 100%;
    left: 0;
    background-color: #fff;
    z-index: -1;
    height: 561px;
    background-image: url(../images/nav-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.scene-logo img {
    height: 60px
}

.scene-nav-box {
    border-radius: .5rem;
    background-color: #fff;
    padding: 3rem
}

.scene-title-item {
    margin-right: 3rem;
    width: 147px;
    position: relative;
    flex-shrink: 0;
    -ms-flex-negative: 0
}

.scene-title-item:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: rgba(0, 0, 0, .1);
    right: 30px;
    top: 15px;
    border-radius: 5px
}

.scene-title-item:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 54px;
    background-color: rgba(0, 0, 0, .1);
    right: 0;
    top: 0;
    border-radius: 1px;
    transform: rotate(25deg)
}

.scene-title-item h2 {
    font-size: 1.5rem;
    font-weight: 700;
    text-shadow: 4px 4px 2px rgba(0, 0, 0, .2);
    text-align: justify-all;
    text-align-last: justify;
    width: 100px
}

.scene-title-item p {
    color: #6c757d;
    font-size: .75rem;
    margin-bottom: 0
}

.scene-nav-box .btn-link {
    color: #007bff;
    margin-right: 2rem;
    flex-shrink: 0;
    -ms-flex-negative: 0
}

.scene-nav-box .btn-default {
    margin-right: .5rem
}

.fixed-detail-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    display: none;
    z-index: 999
}

.fixed-detail-nav h1 {
    font-size: 1.25rem
}

.detail-sidebar {
    width: 300px;
    float: right
}

.detail-con {
    float: left;
    width: calc(100% - 316px)
}

.detail-con-zip-statistics {
    width: 50%;
    margin-left: auto;
    margin-right: auto
}

.detail-con .detail-con-detail {
    background-color: #fff;
    border-radius: .25rem
}

.detail-con .detail-con-header {
    padding: 1.5rem
}

.detail-con .detail-con-header h1 {
    font-size: 1.125rem;
    margin-bottom: 1rem;
    line-height: 1.5
}

.detail-con .detail-download-btn {
    margin-left: 2rem;
    color: #fff;
    padding-left: 1rem;
    padding-right: 1rem
}

.detail-con .detail-download-btn:hover {
    color: #fff
}

.detail-con .detail-con-con {
    padding: 1.5rem;
    min-height: 300px
}

.detail-con .detail-con-con img {
    max-width: 100%;
    margin: 0 auto 1rem
}

.detail-con-txt {
    max-height: 960px;
    overflow: hidden;
    position: relative
}

.detail-con-txt-more {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    left: 0;
    padding: 4rem 0 2rem;
    cursor: pointer;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);:);
    background-position: center;
    background-blend-mode: normal;
    right: 0;
    font-size: 1rem;
    color: #23272b
}

.detail-con-txt-more i {
    margin-left: .5rem
}

.detail-con-txt-more span {
    color: #2b99ff
}

#dataLoading, .detail-con-img-more {
    padding: 1rem;
    width: 100%;
    text-align: center
}

#dataLoading i, .detail-con-img-more i {
    display: inline-block
}

#dataLoading span, .detail-con-img-more span {
    margin-right: .5rem
}

#dataLoading:active, #dataLoading:focus, .detail-con-img-more:active, .detail-con-img-more:focus {
    border-color: transparent !important;
    box-shadow: none !important
}

.detail-con-zip .treeview {
    padding: 1.5rem;
    border: 1px dashed #2b99ff;
    background-color: #f0fbff
}

.detail-con-zip .treeview ul {
    background-color: #f0fbff
}

.detail-con-zip .treeview .unview, .detail-con-zip .treeview .view, .detail-con-zip.treeview span {
    top: -4px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    color: #3f3f3f;
    font-size: .875rem;
    padding-left: 5px
}

.detail-con-zip .treeview .unview {
    font-size: 1rem;
    background-color: transparent;
    padding-left: 1.45rem;
    margin-left: .2rem
}

.detail-con-zip > .treeview > li > a, .detail-con-zip > .treeview > li > span {
    font-weight: 700;
    font-size: 1rem;
    cursor: default
}

.detail-con-zip .treeview .view:hover {
    color: #121416
}

.detail-con-zip .treeview .view.selected {
    background-color: transparent;
    color: #23272b
}

.detail-con-zip .treeview .view .text-ellipsis {
    padding-right: 1rem;
    background-color: transparent;
    color: #3f3f3f
}

.detail-con-zip .treeview a.selected {
    background: 0 0
}

.detail-con-zip .treeview .view .text-primary {
    margin-left: 1rem
}

.detail-con-zip .treeview .view a:hover {
    color: #2b99ff
}

.detail-con-zip .treeview .view.unview {
    cursor: default
}

.detail-con-zip .treeview .view.unview span {
    color: #6c757d;
    margin-left: 1rem
}

.detail-con-zip .treeview .view span {
    color: #2b99ff;
    margin-left: 1rem
}

.detail-con-zip .treeview .view.office-icon {
    padding-left: 1.4rem;
    margin-left: .2rem
}

.detail-con-none.empty-box[data-empty=true] i {
    font-size: 6rem
}

.detail-con-download {
    border-radius: .25rem;
    background-color: #fff;
    margin-top: 1rem;
    padding: 1.5rem
}

.detail-gg {
    height: 100px;
    margin-top: 1rem
}

.detail-gg .img-box {
    overflow: hidden;
    height: 100px;
    width: 100%;
    display: block
}

.detail-gg .img-box img {
    height: 100%
}

.detail-introduction, .detail-yourlike {
    background-color: #fff;
    border-radius: .25rem;
    margin-top: 1rem;
    padding: 0 1.5rem
}

.detail-introduction h5, .detail-yourlike h5 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.detail-introduction .detail-introduction-hide {
    height: 85px;
    overflow: hidden
}

.detail-introduction #detailIntroductionCol {
    display: none
}

#detailIntroductionCol i {
    display: inline-block;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease
}

#detailIntroductionCol .rotate-throw {
    top: -2px;
    margin-left: .5rem
}

.detail-yourlike ul {
    list-style: none;
    margin: 0;
    padding: 1rem 0
}

.detail-yourlike ul li:nth-child(2n) {
    padding-right: 0
}

.detail-yourlike ul li:nth-child(2n - 1) {
    padding-left: 0
}

.detail-sidebar .detail-qrcode-box {
    border-radius: .25rem;
    background-color: #fff;
    padding: 1.5rem
}

.detail-sidebar .detail-qrcode-box .img-box {
    width: 90px;
    height: 90px
}

.detail-sidebar .detail-sidebar-gg {
    height: 125px;
    overflow: hidden;
    margin-top: 1rem
}

.detail-sidebar .detail-sidebar-gg:last-child {
    height: 200px
}

.detail-sidebar .detail-sidebar-gg img {
    width: 100%
}

.detail-sidebar .detail-yourlike .like-list .office-icon:before {
    top: 0;
    margin-top: 2.5px
}

.detail-sidebar .detail-yourlike .like-list li {
    padding: 1rem 0;
    border-bottom: 1px dashed #ddd
}

.detail-sidebar .detail-yourlike .like-list li:first-child {
    padding-top: 0
}

.detail-sidebar .detail-yourlike .like-list li:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.detail-title:before {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: .15rem;
    top: 0
}

.custom-textarea-calc {
    position: absolute;
    right: .5rem;
    bottom: .3rem;
    font-size: 14px;
    color: #6c757d
}

.help-sidebar .help-nav-item {
    color: #6c757d;
    text-align: left;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
}

.help-sidebar .user-nav-item {
    text-align: center;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
}

.help-sidebar .help-nav-item:hover {
    color: #494f54
}

.help-sidebar .help-nav-item.active {
    color: #2b99ff
}

.help-sidebar .help-nav-item.active:hover {
    color: #007bff
}

.help-sidebar {
    width: 240px;
    float: left;
    border-radius: .25rem;
    background-color: #fff;
    padding: 1.5rem
}

.help-container {
    width: calc(100% - 256px);
    float: right;
    border-radius: .25rem;
    background-color: #fff;
    padding: 1.5rem
}

.help-sidebar a {
    display: block;
    font-size: .875rem
}


.help-sidebar .accordion-item a:first-child {
    margin-top: .5rem
}

.help-sidebar .accordion-item {
    margin-top: 1rem
}

.help-sidebar .accordion-item:first-child {
    margin-top: 0
}

.help-sidebar .accordion-item i {
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease
}

.help-sidebar .accordion-item .collapsed i.float-right {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.help-sidebar .accordion-item .rotate-throw {
    top: 3px;
    float: right
}

.help-container h5 {
    font-size: 1rem;
    padding: 0 0 1rem;
    position: relative;
    display: inline-block;
    margin-bottom: 0
}

.help-container h5:after {
    content: '';
    position: absolute;
    bottom: -1px;
    background-color: #2b99ff;
    height: 2px;
    width: 100%;
    left: 0
}

.help-container ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.help-container .help-data-box li {
    border-bottom: 1px solid #dee2e6
}

.help-container .help-data-box li a {
    padding: 1rem 0;
    font-size: .875rem
}

.help-container .help-data-box li i {
    font-size: .75rem;
    margin-left: 1rem
}

.announce-data-box, .announce-data-detail, .help-container .empty-box {
    min-height: 300px
}

.help-container .empty-box[data-empty=true] i {
    font-size: 6rem
}

.usercenter-left {
    float: left;
    width: calc(100% - 245px - 1rem);
    background-color: #fff;
    border-radius: .25rem
}

.usercenter-left .category-container {
    margin-top: 0
}

.usercenter-right {
    float: right;
    width: 245px
}

.usercenter-head {
    width: 100%;
    background-image: url(../images/usercenter-bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center
}

.usercenter-avatar {
    position: relative;
    width: 100px;
    height: 100px;
    border: 1px solid #dee2e6;
    border-radius: 50px;
    margin-right: 1rem
}

.usercenter-avatar img {
    border-radius: 50px;
    width: 100%;
    height: 100%
}

.usercenter-avatar i {
    font-size: 1.5rem;
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 1;
    color: #6c757d
}

.usercenter-avatar.vip i {
    color: #f68a0b
}

.recharge-container {
    padding: 1.5rem;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    background-color: #fff
}

.recharge-open-btn {
    margin: .89rem 0
}

.recharge-person .dropdown-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: .3rem
}

.recharge-person .dropdown-img img {
    width: 100%;
    height: 100%
}

.recharge-person .history-list, .top-nav .nav-list {
    font-size: .875rem;
    width: 300px
}

.recharge-person .nav-list {
    left: auto;
    right: 0
}

.recharge-person .history-list {
    left: auto !important;
    right: 0 !important;
    top: 100% !important;
    transform: translate3d(0, 0, 0) !important
}

.recharge-person .history-list ul {
    list-style: none;
    margin: 0;
    padding: 1rem 1rem .5rem;
    min-height: 100px
}

.recharge-person .history-list ul li {
    margin-bottom: .5rem
}

.recharge-person .nav-link {
    padding: 1.1rem 1rem;
    font-size: .875rem;
    color: #6c757d
}

.recharge-member-list {
    padding: 0;
    margin: 0;
    list-style: none;
    min-height: 58px;
    position: relative
}

.recharge-member-list2 {
    min-height: 63px
}

.recharge-member-list2 .selected {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)
}

.recharge-member-list li button {
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    overflow: hidden;
    position: relative;
    padding: 0;
    background-color: #fff;
    width: 100%
}

.recharge-member-list li button .title-box {
    background-color: #dee2e6;
    text-align: center;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 1.2;
    font-size: 1rem;
    padding: .5rem;
    box-sizing: content-box
}

.recharge-member-list li button:hover {
    background-color: #fafafa;
    border-color: #dee2e6
}

.recharge-member-list li button:active {
    background-color: #f6f6f6 !important;
    border-color: #ddd !important
}

.recharge-member-list li button:focus {
    background-color: #f6f6f6;
    border-color: #ddd
}

.recharge-member-list li button p {
    font-size: .75rem;
    color: #6c757d;
    margin-bottom: 0;
    text-align: center
}

.recharge-member-list li button p.lianquan-item, .recharge-member-list li button p.text-danger {
    font-size: 1.125rem;
    font-weight: 700
}

.recharge-member-list li button p span {
    font-size: .875rem
}

.recharge-member-list li button i {
    position: absolute;
    right: -1px;
    bottom: 0;
    font-size: 1.125rem;
    line-height: 1;
    display: none
}

.recharge-member-list li button[disabled] {
    opacity: .7
}

.recharge-member-list li .selected {
    border-color: #cbac6b;
    background-color: #fdffd7
}

.recharge-member-list li .selected i {
    color: #cbac6b;
    display: block
}

.recharge-member-list li .selected .title-box {
    background-color: #cbac6b;
    color: #fff
}

.recharge-member-list li .selected:hover {
    border-color: #cbac6b;
    background-color: #fdffd7
}

.recharge-member-list li.col-3 {
    padding-right: 0
}

.recharge-member-list .lianquan-sign {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #eb564f;
    background-image: linear-gradient(to left, rgba(235, 86, 79, 1) 0, rgba(235, 117, 79, 1) 100%);:);
    background-position: center;
    background-blend-mode: normal;
    padding: .2rem .5rem;
    color: #fff;
    font-size: .875rem;
    line-height: 1;
    border-bottom-left-radius: .7rem
}

.recharge-member-power {
    margin: 0 0 0 1rem;
    list-style: none;
    background-color: #fafafa;
    padding: 1rem 0
}

.recharge-member-power i {
    font-size: 2rem;
    color: #cbac6b
}

.recharge-member-pay {
    margin-left: 1rem;
    padding: 1.5rem;
    border: 1px solid #dee2e6;
    border-radius: .25rem
}

.recharge-member-pay .img-box {
    position: relative;
    width: 136px;
    height: 136px;
    border: 1px solid #eee;
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    padding: .5rem
}

.recharge-member-pay .img-box img {
    width: 100%
}

.recharge-member-pay .pay-item {
    margin-right: 1.5rem;
    text-align: center
}

.recharge-member-pay .pay-item p {
    text-align: center;
    margin-top: .5rem;
    line-height: 1
}

.recharge-member-pay .pay-item p i {
    font-size: 1.125rem;
    margin-right: .5rem;
    display: inline-block;
    vertical-align: middle
}

.recharge-member-pay .pay-info {
    background-color: #fafafa;
    border-radius: .25rem;
    padding: 1.5rem
}

.common-header-nav {
    min-height: 56px;
    min-width: 464px
}

.common-header-nav li a:hover {
    color: #007aff
}

.header-member-power {
    background-image: url(../images/recharge-power-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #000
}

.header-member-power .header-top {
    background-color: transparent
}

.header-member-power .member-power-banner {
    padding: 3rem 0 0;
    min-height: 413px
}

.header-member-power .member-power-banner .authenticate-link {
    display: block;
    width: 100%;
    height: calc(413px - 3rem)
}

.header-member-power .member-power-banner h1 {
    color: #f5ca5a;
    margin-bottom: 2rem
}

.header-member-power .member-power-banner button {
    font-size: 1.125rem
}

.header-member-power ul {
    margin: 2rem 0 0;
    padding: 0;
    list-style: none
}

.member-login-a {
    padding: 1.2rem 1rem
}

.header-member-power .member-power-banner ul li {
    background-color: rgba(255, 255, 255, .95);
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    text-align: center;
    padding: 2rem 0;
    box-shadow: inset 0 -2px 12px rgba(0, 0, 0, .1)
}

.header-member-power ul li p {
    color: #6c757d;
    margin-bottom: 2rem
}

.header-member-power ul li i {
    font-size: 3.8rem;
    line-height: 1;
    color: #c7a152
}

.member-power-info {
    margin: 3rem 0;
    text-align: center
}

.member-power-info .power-info-header i {
    font-size: 3.7rem
}

.member-power-info .power-info-header {
    text-align: left;
    background-color: #f6f6f6;
    border-radius: .25rem;
    overflow: hidden;
    background-image: url(../images/power-info-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 1rem 0
}

.member-power-info .power-info-header i, .member-power-info .power-info-header span {
    color: #c7a152
}

.member-power-info ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.member-power-info ul li {
    text-align: center;
    width: 20%;
    padding: 4rem 1rem 0;
    float: left
}

.member-power-info ul li i {
    line-height: 1;
    margin-bottom: 2rem;
    display: inline-block;
    font-size: 3.7rem;
    color: #c7a152
}

.member-power-info ul li p {
    font-size: .875rem;
    color: #6c757d;
    margin-bottom: 0
}

.member-power-list {
    margin: 3rem 0;
    text-align: center
}

.member-power-list ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.member-power-list ul li {
    text-align: center;
    width: 20%;
    float: left;
    border: 1px solid #dee2e6;
    border-radius: .25rem
}

.member-power-list ul li h5 {
    font-weight: 700
}

.member-power-list ul li > span {
    display: block;
    color: #23272b;
    padding: 1rem;
    background-color: #f6f6f6
}

.member-power-list ul li > span:nth-child(2n+1) {
    background-color: #fff
}

.member-power-list ul li > div {
    padding: 2rem 1rem;
    min-height: 132px
}

.member-power-list .power-list-rec {
    background-color: #fef9e9;
    border-color: #efc250
}

.member-power-list .power-list-rec h5 {
    color: #c7a152
}

.member-power-list .power-list-rec > span:nth-child(2n+1) {
    background-color: #fef9e9
}

.member-power-list button {
    padding: .3rem 1rem
}

.member-power-list .power-list-rec {
    box-sizing: content-box;
    padding: 1rem 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.member-power-gg {
    background-color: #434343;
    position: fixed;
    bottom: 0;
    z-index: 99;
    left: 0;
    width: 100%;
    padding: .5rem 0
}

.member-power-gg h5, .member-power-gg i, .member-power-gg p {
    color: #efc250
}

.member-power-gg i {
    font-size: 2rem;
    line-height: 1;
    margin-right: .5rem
}

.member-power-gg button {
    padding: .6rem 1.5rem;
    font-size: 1.125rem
}

.junior-and-high .category-list-items li {
    width: calc(50% - .5rem);
    float: left
}

.junior-and-high.topic-and-paper .topic-container .topic-list-items .items-img .img-box {
    width: 40px;
    height: 48px
}

.junior-and-high.topic-and-paper .topic-container .topic-list-items .items-img {
    width: 40px
}

.junior-and-high.topic-and-paper .category-list-items .title h5 {
    font-weight: 400 !important
}

.junior-and-high .category-list-items ul li .items-info p {
    padding-right: 0 !important
}

.junior-and-high .category-list-items ul li .sign {
    display: none
}

.junior-and-high .category-list-items li {
    min-height: 98px
}

.junior-and-high .category-list-items li:nth-child(2n) {
    float: right
}

.junior-and-high .category-list-items li .column-features {
    display: none !important
}

.nav-sidebar .junior-tab-content {
    top: 0;
    border-top: 1px solid #2b99ff
}

.junior-tab-content li {
    position: relative
}

.nav-sidebar .junior-tab-content .nav-popover {
    padding-top: 0;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.nav-sidebar .junior-tab-content .nav-popover ul {
    height: auto
}

.nav-sidebar .tab-child-content {
    position: relative;
    border-radius: 0;
    height: auto;
    top: 0;
    left: 0;
    border: none
}

.nav-sidebar .junior-tab-content .nav-popover {
    min-height: 178px;
    top: 0
}

.nav-sidebar .junior-tab-content .junior-tab-list li a {
    padding: .25rem .5rem;
    display: inline-block;
    margin-right: 1rem;
    font-size: .875rem
}

.nav-sidebar .junior-tab-content .junior-tab-list {
    padding: 0;
    background-color: #fff;
    overflow: visible
}

.nav-sidebar .junior-tab-content .junior-tab-list li a.active {
    border-color: #f0f7fa;
    background-color: #f0f7fa;
    color: #2b99ff !important
}

.junior-lnzt-list li:nth-child(2n) {
    padding-left: .75rem
}

.junior-lnzt-list li:nth-child(2n+1) {
    padding-right: .75rem
}

.authenticate-banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #3d7efe;
    background-image: url(../images/re-banner.jpg);
    background-position: center
}

.authenticate-itembox {
    padding: 100px 0;
    overflow: hidden
}

.authenticate-itembox .authenticate-info-title {
    margin-bottom: 100px
}

.authenticate-info .img-box {
    max-width: 161px;
    max-height: 184px;
    overflow: hidden;
    margin: 0 auto 1rem
}

.authenticate-reason {
    padding: 2rem;
    border-radius: .25rem;
    display: inline-block;
    box-shadow: 0 0 .25rem rgba(0, 0, 0, .075) !important;
    background-color: #fff;
    max-width: 300px
}

.authenticate-reason h5 {
    position: relative;
    display: inline-block;
    margin-bottom: 2.5rem
}

.authenticate-reason h5:after {
    content: '';
    position: absolute;
    height: 3px;
    background-color: #2b99ff;
    bottom: -1rem;
    left: 18%;
    width: 64%
}

.authenticate-reason p {
    text-align: justify
}

.authenticate-info .img-reason-box {
    width: 63px;
    overflow: hidden;
    margin: 0 auto 1rem
}

.authenticate-info .img-box img {
    width: 100%;
    padding-bottom: 1.5rem
}

.authenticate-item {
    padding: 0 1.5rem
}

.authenticate-item .item-box {
    border-radius: .25rem;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/auth-real.png);
    min-height: 260px;
    padding: 3rem 2rem;
    background-position: center
}

.authenticate-item:last-child .item-box {
    background-image: url(../images/auth-teacher.png)
}

.authenticate-item .item-box h3 {
    color: #fff
}

.authenticate-item .item-box p {
    color: #fff;
    margin-bottom: 3rem
}

.authenticate-item .item-box h5 {
    color: #fff;
    padding: .5rem 1rem;
    font-size: 1rem;
    background-color: rgba(255, 255, 255, .5);
    margin-bottom: 0
}

.authenticate-item .item-box h5 span {
    font-weight: 700;
    padding: 0 .2rem
}

#viewModal {
    overflow: hidden
}

#viewModal .modal-dialog {
    max-width: 100%;
    width: 800px
}

#viewModal .modal-content {
    height: 100%
}

#viewModal .modal-body {
    padding: 0 1rem
}

#viewModal .modal-body img {
    max-width: 100%;
    margin: 0 auto 1rem
}

#viewModal .empty-box-2[data-empty=true] .empty-box-img img {
    height: auto;
    width: 100%
}

.spinner-border-center {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -1.5rem;
    margin-left: -1.5rem;
    width: 3rem;
    height: 3rem
}

#viewModal .view-modal-features {
    position: fixed;
    left: 50%;
    top: 29px;
    z-index: 999;
    margin-left: 416px
}

#viewModal .view-modal-features i {
    font-size: 1.5rem
}

#viewModal .view-modal-features div {
    display: block;
    margin-bottom: 1rem
}

#viewModal #dataLoading {
    text-align: center;
    color: #6c757d;
    padding: 0 0 1rem
}

.balance-gg {
    width: 518px;
    height: 56px;
    margin: 0 auto;
    display: block
}

.balance-header h5 {
    font-size: 1rem;
    color: #23272b;
    line-height: 1.5
}

.balance-header p {
    margin-left: 1rem;
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.5
}

.balance-header p span {
    padding: 0 .5rem
}

.balance-header p span:last-child {
    padding-right: 0
}

.no-more-balance-tip {
    background-color: #f6f6f6;
    border-radius: .25rem;
    border: 1px solid #dee2e6;
    padding: .2rem 1rem;
    font-size: .75rem;
    color: #dc3545;
    margin-top: .5rem
}

.no-more-balance-qrcode {
    margin-top: 2rem
}

.no-more-balance-qrcode .qrcode-box {
    width: 136px;
    height: 136px;
    margin: 0 auto;
    border: 1px solid #dee2e6;
    padding: .5rem
}

.no-more-balance-qrcode .qrcode-box img {
    width: 100%
}

.no-more-balance-qrcode p {
    margin-top: .5rem;
    text-align: center
}

.no-more-balance-qrcode p i {
    margin-right: .5rem
}

.modal-office-icon:before {
    margin-top: 3.5px;
    top: 0
}

.successdownload-modal-body .success-icon {
    font-size: 3rem;
    line-height: 1
}

.successdownload-modal-body .error-icon {
    font-size: 1.5rem;
    line-height: 3rem;
    width: 3rem;
    height: 3rem;
    border-radius: 3rem;
    background-color: #dc3545;
    color: #fff;
    text-align: center
}

.successdownload-modal-body ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.successdownload-modal-body ul li {
    margin-top: .5rem;
    font-size: .875rem
}

.successdownload-modal-body ul li:nth-child(2n) {
    padding-right: 0
}

.successdownload-modal-body ul li:nth-child(2n - 1) {
    padding-left: 0
}

.successdownload-modal-body .input-group {
    position: relative
}

.successdownload-modal-body .input-group p {
    color: #dc3545;
    font-size: .75rem;
    margin-bottom: 0;
    position: absolute;
    bottom: -1.2rem;
    left: 1.5rem;
    display: none
}

.successdownload-modal-body #sendSuccess {
    display: none;
    padding-top: .5rem
}

.btn-lianquanpay {
    font-size: .875rem;
    padding: .2rem .5rem;
    margin-left: .5rem;
    margin-right: .5rem;
    line-height: 1;
    position: relative;
    top: -2px
}

.pay-success-redownload {
    padding: .375rem .75rem;
    font-size: 1rem;
    display: block;
    line-height: 1.5;
    top: 0
}

.dialog-alert, .dialog-confirm {
    overflow: hidden !important
}

.dialog-alert .modal-dialog, .dialog-confirm .modal-dialog {
    max-width: 350px;
    width: 350px
}

.dialog-alert .modal-content, .dialog-confirm .modal-content {
    box-shadow: 0 0 2rem rgba(0, 0, 0, .1);
    background-color: rgba(255, 255, 255, .85)
}

.dialog-alert .modal-footer, .dialog-confirm .modal-footer {
    border-top: 0
}

.dialog-alert .modal-header h5, .dialog-confirm .modal-header h5 {
    font-size: 1rem;
    color: #6c757d
}

.dialog-alert .modal-header, .dialog-confirm .modal-header {
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: #fff
}

.dialog-alert-success .modal-header {
    background-color: #28a745
}

.dialog-alert-warning .modal-header {
    background-color: #ffc107
}

.dialog-alert-danger .modal-header {
    background-color: #dc3545
}

.dialog-alert-primary .modal-header {
    background-color: #2b99ff
}

.dialog-alert-danger .modal-header h5, .dialog-alert-primary .modal-header h5, .dialog-alert-success .modal-header h5 {
    color: #fff
}

.dialog-alert-warning .modal-header h5 {
    color: #23272b
}

.fixed-commond {
    position: fixed;
    top: 128px;
    left: 50%;
    margin-left: -696px;
    z-index: 100
}

.fixed-nav {
    position: fixed;
    bottom: 130px;
    right: 1rem;
    width: 55px;
    z-index: 100
}

.fixed-commond .close, .fixed-nav .close {
    margin-bottom: 0 !important
}

.fixed-commond ul, .fixed-nav ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.fixed-commond ul li a {
    padding: .5rem 0;
    display: block
}

.fixed-nav ul li a {
    display: block;
    text-align: center;
    padding: .5rem .75rem;
    border-bottom: 1px solid #dee2e6;
    color: #6c757d;
    line-height: 1.3
}

.fixed-nav ul li a i {
    display: block;
    text-align: center;
    font-size: 1.5rem
}

.fixed-nav .toast-body {
    padding: 0
}

.fixed-nav ul li:first-child a {
    color: #f68a0b
}

.index-style #TAPtabContent .tab-pane {
    min-height: 330px
}

.index-style #LItabContent .tab-pane {
    min-height: 508px
}

.index-style #LPtabContent .tab-pane {
    min-height: 472px
}

.index-style #LBtabContent .tab-pane {
    min-height: 497px
}

@supports (-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px)) {
    #scrollFixed {
        background-color: rgba(255, 255, 255, .8);
        -webkit-backdrop-filter: blur(50px);
        backdrop-filter: blur(50px)
    }

    .detail-con-txt-more {
        -webkit-backdrop-filter: blur(1px);
        backdrop-filter: blur(1px)
    }

    .dialog-alert .modal-content, .dialog-confirm .modal-content {
        -webkit-backdrop-filter: blur(50px);
        backdrop-filter: blur(50px)
    }

    .nav-sidebar .nav-popover ul, .topic-container .topic-attr-list, .topic-sidebar ul {
        background-color: rgba(255, 255, 255, .95);
        -webkit-backdrop-filter: blur(50px);
        backdrop-filter: blur(50px)
    }

    .nav-sidebar.paper-nav-sidebar .nav-popover:before {
        -webkit-backdrop-filter: blur(50px);
        backdrop-filter: blur(50px)
    }

    .fixed-detail-nav {
        background-color: rgba(255, 255, 255, .8);
        -webkit-backdrop-filter: blur(50px);
        backdrop-filter: blur(50px)
    }
}

@media screen and (max-width: 1400px) {
    .fixed-commond {
        left: 0;
        margin-left: 0
    }

    .fixed-nav {
        left: auto;
        right: 0;
        margin-left: 0
    }
}

@media screen and (max-width: 1199px) {
    .tree-sidebar.fixedSidebar {
        left: 0;
        margin-left: 0
    }

    .columnFixedSidebar, .columnFixedSidebar2 {
        right: 0;
        margin-right: 0
    }
}

@media screen and (max-width: 1135px) {
    .navAd {
        display: none
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        max-width: 600px
    }
}

@media (max-width: 768px) {
    .authenticate-reason {
        max-width: 33.33333333333%
    }

    footer .footer-nav {
        display: none !important
    }

    footer .footer-copyright {
        margin-top: 0
    }

    footer {
        padding-top: 0
    }

    .authenticate-info .authenticate-itembox:nth-child(3) .text-left img {
        float: right
    }

    .fixed-nav {
        display: none !important
    }

    .header-member-power .member-power-banner {
        min-height: 100px
    }

    .header-member-power .member-power-banner .authenticate-link {
        height: calc(200px - 3rem)
    }

    .header-top .logo img {
        width: 120px
    }

    .authenticate-itembox .authenticate-info-title {
        margin-bottom: 50px
    }

    .authenticate-itembox {
        padding: 50px 0
    }

    .width-out {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media print {
    body {
        display: none
    }
}



/**分页样式**/
.pages {
    clear: both;
    padding: 20px 0 10px;
    color: #888;
    text-align: center
}

.pages li,.pages strong,.pages span {
    display: inline-block;
    margin: 0 3px;
    vertical-align: middle;
    border-bottom: none;
}

.pages a,.pages strong,.pages span {
    display: inline-block;
    padding: 0 8px;
    border: 1px solid #ccc;
    background: #fff;
    color: #666;
    line-height: 20px
}

.pages a:hover,.pages .current a {
    border: 1px solid #4dbce5;
    background: #88C6E5;
    color: #fff;
    text-decoration: none
}

.pages span {
    border: 1px solid #fff;
    cursor: pointer
}
.pages li a.no_prev {
    border: 1px solid #f0f1f2;
    color: #bbb;
}